2019-09-06 13:42:29 +00:00
< template >
< main >
< section class = "presentation" >
< div class = "first-row" >
2019-09-10 09:59:21 +00:00
< img class = "brand" :src = "buildImgUrl('brand.png')" alt = "PeerTube logo" / >
2019-09-06 13:42:29 +00:00
2019-09-11 11:52:20 +00:00
< div class = "description" v-translate > A free software to take back control of your videos < / div >
2019-09-06 13:42:29 +00:00
< / div >
< div class = "marketing" >
With more than 100 000 hosted videos , viewed more than 6 millions times and 20 000 users ,
PeerTube is the decentralized free software alternative to videos platforms developed by Framasoft
< / div >
2019-09-10 09:59:21 +00:00
< div class = "buttons-row" >
2019-09-06 13:42:29 +00:00
< button class = "jpt-button what-is-peertube" >
< icon-instance > < / icon-instance >
< span > What is PeerTube ? < / span >
< / button >
< button class = "jpt-button instances-list" >
< icon-instance > < / icon-instance >
See the instances list
< / button >
< / div >
< / section >
2019-09-06 15:37:56 +00:00
< section class = "content-selections" >
2019-09-06 13:42:29 +00:00
< div class = "section-title" >
< div > Discover our content selection < / div >
< div class = "border-title" > < / div >
< / div >
2019-09-06 15:37:56 +00:00
< div class = "content-selection" v-for = "contentSelection in contentSelections" >
2019-09-06 13:42:29 +00:00
< content-selection :type = "contentSelection.type" :title = "contentSelection.title"
: thumbnail - url = "contentSelection.thumbnailUrl" : url = "contentSelection.url" : tags = "contentSelection.tags"
: description = "contentSelection.description"
>
< / content-selection >
< / div >
2019-09-06 15:37:56 +00:00
< div class = "bottom-link-wrapper" >
< a href = "#" class = "bottom-link" >
< span class = "text" > Discover PeerTube instances < / span >
< icon-right > < / icon-right >
< / a >
< / div >
2019-09-06 13:42:29 +00:00
< / section >
2019-09-06 15:37:56 +00:00
< section class = "what-is-peertube" >
< div class = "section-title" >
2019-09-10 09:59:21 +00:00
< div >
What is
< img class = "brand-title" :src = "buildImgUrl('brand.png')" alt = "PeerTube" / >
?
< / div >
2019-09-06 15:37:56 +00:00
< div class = "border-title" > < / div >
< / div >
< div class = "ambition" >
< img :src = "buildImgUrl('peertube-interface.png')" alt = "PeerTube screen" / >
< div >
< div class = "citation" >
< div class = "text" >
L ’ ambition de PeerTube , c ' est d ’ être < strong > une alternative libre et décentralisée < / strong > aux services de diffusion de vidéos .
< / div >
< / div >
2019-09-10 09:59:21 +00:00
< p >
2019-09-06 15:37:56 +00:00
Le but n ’ est pas de remplacer , mais de proposer quelque chose d ’ autre , avec des valeurs différentes , en parallèle de ce qui existe déjà .
2019-09-10 09:59:21 +00:00
< / p >
2019-09-06 15:37:56 +00:00
< / div >
< / div >
< div class = "federation one-column" >
< div class = "subtitle" > Une fédération d ' hébergements interconnectés < / div >
< img :src = "buildImgUrl('peertube-federation-multiplicity.png')" alt = "Funny federation schema" / >
< div class = "citation" >
< div class = "left-bar" > < / div >
< div class = "text" >
PeerTube n ’ est pas pensé pour créer une énorme plateforme centralisant les vidéos du monde entier . Il s ’ agit plutôt
< strong > d ' un réseau de nombreux petits hébergeurs de vidéos , connectés les uns aux autres . < / strong >
< / div >
< / div >
2019-09-10 09:59:21 +00:00
< p >
2019-09-06 15:37:56 +00:00
N ’ importe qui ayant un minimum de compétences techniques peut héberger un serveur PeerTube qu ’ on nomme instance .
Chaque instance héberge ses propres utilisateur ⋅ ices et leurs vidéos .
Ainsi , < strong > toutes les instances sont créées , animées , modérées et maintenues de façon indépendante par des administrateur ⋅ ices différent ⋅ e ⋅ s . < / strong >
2019-09-10 09:59:21 +00:00
< / p >
2019-09-06 15:37:56 +00:00
< div class = "bottom-link-wrapper" >
< a href = "#" class = "bottom-link" >
< span class = "text" > Discover PeerTube instances < / span >
< icon-right > < / icon-right >
< / a >
< / div >
< img :src = "buildImgUrl('peertube-federation-2-instances.png')" alt = "Funny 2 instances communication schema" / >
2019-09-10 09:59:21 +00:00
< p >
2019-09-06 15:37:56 +00:00
Mais vous avez tout de même la possibilité de regarder depuis l ' instance sur laquelle vous êtes inscrit · e des vidéos qui se trouvent ailleurs ;
il suffit que l 'administrateur·ice l' ai autorisé !
2019-09-10 09:59:21 +00:00
< / p >
2019-09-06 15:37:56 +00:00
< div class = "citation" >
< div class = "left-bar" > < / div >
< div class = "text" > C ' est le principe de < strong > la fédération ! < / strong > < / div >
< / div >
2019-09-10 09:59:21 +00:00
< img :src = "buildImgUrl('peertube-mastodon-federation.png')" alt = "Federation with Mastodon funny schema" / >
< p >
Mais ce n ’ est pas tout ! Le protocole de fédération ActivityPub ( qu ’ utilise PeerTube )
< strong > permet aussi d ’ interagir avec d ’ autres logiciels < / strong > utilisant ce même protocole . Par exemple , PeerTube et le
réseau social Mastodon , alternative à Twitter , sont liés : < strong > il est possible de « suivre » un utilisateur PeerTube depuis Mastodon < / strong >
( en affichant dans son fil d ' actualités les dernières vidéos postées par le compte suivi ) ,
< strong > ou même de commenter une vidéo hébergée sur PeerTube directement depuis Mastodon . < / strong >
< / p >
< div class = "bottom-link-wrapper" >
< a href = "#" class = "bottom-link" >
< span class = "text" > En savoir plus sur la fédération < / span >
< icon-right > < / icon-right >
< / a >
< / div >
2019-09-06 15:37:56 +00:00
< / div >
2019-09-10 09:59:21 +00:00
< div class = "free-software one-column" >
< div class = "subtitle" > Un code ouvert sous licence libre < / div >
< img :src = "buildImgUrl('peertube-free-software.png')" alt = "PeerTube is a free software funny schema" / >
< p >
Les principaux services de diffusion de vidéo en ligne utilisent vos données pour gagner
de l ' argent en analysant vos interactions et en utilisant ces informations pour vous matraquer en publicités ciblées .
< / p >
< div class = "citation" >
< div class = "left-bar" > < / div >
< div class = "text" >
PeerTube n ’ est soumis au monopole d ’ aucune entreprise , ne dépend d ’ aucune publicité
< strong > et ne vous piste pas . < / strong >
< / div >
< / div >
< p >
Mais surtout , PeerTube < strong > vous considère comme une personne , et non pas comme un produit qu ’ il faut
profiler et enfermer dans des boucles vidéos . < / strong > PeerTube n ’ utilise par exemple aucun algorithme de recommandation biaisé
pour vous faire rester indéfiniment en ligne .
< / p >
< p >
Tout cela est possible car PeerTube est un logiciel libre ( licence GNU - AGPL pour les connaisseur ⋅ euses ) .
Son code est un « commun » numérique , partagé avec tous et toutes , et non une recette secrète appartenant à Google ( pour YouTube )
ou à Vivendi / Bolloré ( pour Dailymotion ) . Cette licence libre < strong > garantit nos libertés fondamentales d ’ utilisateur ⋅ ices et
permet à de nombreux contributeur ⋅ ices de proposer des évolutions et de nouvelles fonctionnalités . < / strong >
< / p >
< div class = "bottom-link-wrapper" >
< a href = "#" class = "bottom-link" >
< span class = "text" > En savoir plus sur les logiciels libres < / span >
< icon-right > < / icon-right >
< / a >
< / div >
< / div >
< div class = "you-are-a-video-maker one-column" >
< div class = "subtitle" > Vous êtes vidéaste ? < / div >
< img :src = "buildImgUrl('peertube-upload.png')" alt = "PeerTube upload illustration" / >
< div class = "citation" >
< div class = "left-bar" > < / div >
< div class = "text" >
PeerTube vous permet de choisir < strong > un hébergement et des règles qui vous correspondent . < / strong >
< / div >
< / div >
< div >
On l ’ a vu avec les dérives de YouTube : son hébergeur , Google - Alphabet , peut imposer son système ContentID
( le fameux « Robocopyright » ) ou ses outils de mise en valeur des vidéos , qui semblent aussi obscurs qu ’ injustes .
< / div >
< div class = "citation" >
< div class = "left-bar" > < / div >
< div class = "text" >
Être en contact direct avec un hébergeur à taille humaine vous permet , non seulement de ne plus être le client d ' une grande
entreprise du numérique , mais surtout < strong > d ' avoir des rapports privilégiés avec les personnes qui hébergent et diffusent vos données . < / strong >
< / div >
< / div >
< div >
Avec PeerTube , vous choisissez l ’ hébergeur de vos vidéos selon ses conditions d ’ utilisation , telles que la limite d ’ espace disque par utilisateur ⋅ ice ,
la politique de modération , les choix de fédération ...
Comme vous n ’ avez pas un géant du web en face de vous , vous pourrez probablement discuter ensemble si vous avez un souci , un besoin , une envie ...
< / div >
< button class = "jpt-button discover-instances" >
< icon-instance > < / icon-instance >
Découvrir les instances PeerTube
< / button >
< / div >
< div class = "p2p one-column" >
< div class = "subtitle" > De la diffusion – et donc du visionnage – en pair - à - pair < / div >
< img :src = "buildImgUrl('peertube-p2p.png')" alt = "PeerTube P2P illustration" / >
< div class = "citation" >
< div class = "left-bar" > < / div >
< div class = "text" >
Le logiciel PeerTube peut au besoin utiliser un protocole pair - à - pair ( P2P ) pour diffuser des vidéos très regardées par
les internautes ( vidéos virales ) , ce qui permet d ' < strong > alléger la charge des sites web qui les hébergent . < / strong >
< / div >
< / div >
< p >
Ainsi , quand vous visionnez une vidéo , votre ordinateur participe à sa diffusion . Si beaucoup de personnes regardent la même vidéo
au même moment , leur navigateur envoie automatiquement des bouts de la vidéo aux autres spectateur ⋅ ices .
Cela permet de < strong > ne pas surexploiter les ressources du serveur < / strong > : les flux se répartissent , le réseau est optimisé .
< / p >
< p >
Mine de rien , avant cette diffusion en pair - à - pair , les vidéastes à succès ( ou les vidéos qui font le buzz ) étaient condamnés
à s ’ héberger chez un géant du web dont l ’ infrastructure peut encaisser des milliers de vues simultanées … Ou à payer très cher un hébergement de vidéo indépendant afin qu ’ il tienne la charge .
< / p >
< / div >
< div class = "you-play" >
< div class = "one-column" >
< div class = "subtitle" > À vous de jouer ! < / div >
< img :src = "buildImgUrl('peertube-you-play.png')" alt = "PeerTube you play illustration" / >
< / div >
< div class = "buttons-row" >
< button class = "jpt-button" >
< span > Explorer les contenus < / span >
< / button >
< div >
< button class = "jpt-button" >
< span > Créer un compte < / span >
< / button >
< div class = "jpt-button-legend" >
Pour profiter de toutes les fonctionnalités : historique , abonnements , listes de lectures , notifications ...
< / div >
< / div >
< / div >
< / div >
< div class = "behind-peertube one-column" >
< div class = "subtitle" > Qui est derrière PeerTube ? < / div >
< img class = "framasoft-logo" :src = "buildImgUrl('framasoft-big-logo.png')" alt = "Framasoft logo" / >
< p >
PeerTube est < strong > un logiciel libre gratuit financé par une association < / strong > française à but non lucratif : Framasoft .
< / p >
< p >
Créée en 2004 , l ' association se consacre désormais à < strong > l ’ éducation populaire aux enjeux du numérique . < / strong >
Notre petite structure ( moins de 40 membres , moins de 10 salarié · e · s ) est connue pour avoir réalisé le projet Dégooglisons Internet ,
proposant 34 outils en ligne éthiques et alternatifs . Reconnue d ’ intérêt général , notre association est
2019-09-11 11:52:20 +00:00
< strong > financée à plus de 90 % par vos dons < / strong > , déductibles des impôts pour les contribuables français · es .
2019-09-10 09:59:21 +00:00
< / p >
< p >
Suite au financement participatif lancé entre mars et juillet 2018 , < strong > Framasoft a pu financer l ' emploi du développeur
principal de PeerTube . < / strong > Ainsi , après une version bêta en mars 2018 , la version 1 est sortie en novembre 2018.
Depuis , plusieurs versions intermédiaires ont apporté de nombreuses fonctionnalités . Plusieurs collectifs ont déjà monté
des hébergements PeerTube , créant ainsi les bases de la fédération .
< / p >
< p >
< strong >
Plus ce logiciel sera utilisé et soutenu , plus des personnes l ’ utiliseront et y contribueront , et plus vite il évoluera
vers une alternative concrète aux plateformes telles que YouTube .
< / strong >
< / p >
< button class = "jpt-button" >
< span > Soutenir Framasoft < / span >
< / button >
< / div >
2019-09-06 15:37:56 +00:00
< / section >
2019-09-06 13:42:29 +00:00
< / main >
< / template >
< style scoped lang = "scss" >
2019-09-10 09:59:21 +00:00
. buttons - row {
display : flex ;
justify - content : space - between ;
padding : 0 20 px ;
button {
width : 330 px ;
height : 50 px ;
}
}
. jpt - button - legend {
max - width : 330 px ;
}
2019-09-06 13:42:29 +00:00
. presentation {
. first - row {
display : flex ;
2019-09-10 09:59:21 +00:00
align - items : center ;
2019-09-06 13:42:29 +00:00
padding : 70 px ;
margin : auto ;
2019-09-10 09:59:21 +00:00
. brand {
height : 47 px ;
}
2019-09-06 13:42:29 +00:00
div {
flex - basis : 100 % ;
}
. description {
margin - left : 60 px ;
font - size : 24 px ;
font - weight : 600 ;
}
}
. marketing {
font - size : 16 px ;
margin : 50 px auto ;
width : 500 px ;
}
}
2019-09-06 15:37:56 +00:00
. content - selections {
. content - selection {
margin - bottom : 80 px ;
}
. discover - instances {
display : flex ;
justify - content : flex - end ;
}
}
. what - is - peertube {
. ambition {
display : flex ;
img {
margin - right : 30 px ;
}
2019-09-10 09:59:21 +00:00
}
}
2019-09-06 15:37:56 +00:00
2019-09-10 09:59:21 +00:00
. you - are - a - video - maker {
. discover - instances {
min - width : 420 px ;
height : 50 px ;
margin : 50 px 0 ;
2019-09-06 15:37:56 +00:00
}
2019-09-10 09:59:21 +00:00
}
2019-09-06 15:37:56 +00:00
2019-09-10 09:59:21 +00:00
. you - play {
. buttons - row {
margin - top : 60 px ;
}
}
. behind - peertube {
. framasoft - logo {
margin : 100 px 0 ;
}
. jpt - button {
height : 50 px ;
min - width : 420 px ;
margin : 60 px 0 ;
2019-09-11 09:05:31 +00:00
font - size : 22 px ;
2019-09-06 15:37:56 +00:00
}
}
2019-09-06 13:42:29 +00:00
< / style >
< script >
import IconInstance from '../components/icons/IconInstance.vue'
import ContentSelection from '../components/ContentSelection.vue'
2019-09-06 15:37:56 +00:00
import IconRight from '../components/icons/IconRight.vue'
2019-09-11 09:05:31 +00:00
import JPTMixins from '../mixins/Common-Mixins.js'
2019-09-06 13:42:29 +00:00
export default {
2019-09-11 09:05:31 +00:00
mixins : [
JPTMixins
] ,
2019-09-06 13:42:29 +00:00
components : {
ContentSelection ,
2019-09-06 15:37:56 +00:00
IconInstance ,
IconRight
2019-09-06 13:42:29 +00:00
} ,
2019-09-06 15:37:56 +00:00
2019-09-06 13:42:29 +00:00
data : ( ) => ( {
contentSelections : [
{
type : 'video' ,
title : 'Nothing to hide' ,
thumbnailUrl : 'https://peertube2.cpy.re/static/thumbnails/d2a5ec78-5f85-4090-8ec5-dc1102e022ea.jpg' ,
url : 'https://peertube2.cpy.re/videos/watch/d2a5ec78-5f85-4090-8ec5-dc1102e022ea' ,
2019-09-11 11:52:20 +00:00
tags : [ 'tag' , 'tag2' , 'tag3' ] ,
description : 'Nothing to Hide (2017) est un film documentaire franco-allemand de Marc Meillassoux et Mihaela Gladovic, qui s\'intéresse aux effets de la surveillance de masse sur les individus et la société. Proposant un regard critique à propos des lois sur le renseignement mises en place par de nombreux États ces dernières années, le film nous rappelle à quel point le débat sur l’
2019-09-06 13:42:29 +00:00
}
]
2019-09-11 09:05:31 +00:00
} )
2019-09-06 13:42:29 +00:00
}
< / script >
