Projet

Général

Profil

Actions
Copier le lien

Demande #3649

fermé

Créer une bande annonce pour Libre à vous !

Ajouté par Frédéric Couchet il y a plus de 5 ans. Mis à jour il y a environ 5 ans.

Statut:
Fermé
Priorité:
Normale
Assigné à:
Frédéric Couchet
Version cible:
-
Début:
13/04/2019
Echéance:
% réalisé:

100%

Temps estimé:

Description

Étienne a suggéré de faire une courte bande annonce (1 minute à 1 minute 30) pour l'émission, pour mettre sur le site mais aussi en diffusion possible en pastilles sur Cause Commune.

L'idée étant qu'une personne qui arrive sur la page web consacrée à l'émission pourrait se faire une idée de l'émission en écoutant une bande annonce.

Il pourrait même y avoir deux bandes annonces :

- une qui présente le contenu de l'émission

- une qui présente le contenu de l'émission et ferait la promotion du contenu en y intégrant de très courts extraits d'émissions passées. Cela peut notamment être utile à chaque nouvelle saison, notamment pour annoncer des nouveautés.

Actions
Copier le lien
 #1

Mis à jour par Frédéric Couchet il y a plus de 5 ans

Le pad consacré à cette tâche https://pad.april.org/p/libreavous-bande-annonce

Actions
Copier le lien
 #2

Mis à jour par Frédéric Couchet il y a plus de 5 ans

On a enregistré la bande annonce avec plusieurs voix (chaque personne enregistrant la bande annonce en totalité deux fois). À partir de ces enregistrements, PG a fait l montage de la bande annonce de présentation de l'émission.

La qualité de l'enregistrement de Marie-Odile n'était pas suffisante pour être utilisée.

La bande annonce finale est constituée des voix de Noémie Bergez, Vincent Calame, Frédéric Couchet, Étienne Gonnu, Isabella Vanni.

Tout est dans https://media.april.org/audio/radio-cause-commune/libre-a-vous/bande-annonce/20190416/.

Les fichiers audio de la bande annonce :

Actions
Copier le lien
 #3

Mis à jour par Frédéric Couchet il y a plus de 5 ans

J'ai mis la bande annonce sur www.april.org et j'ai modifié la page consacrée à l'émission pour avoir un player pour la bande annonce (avec la balise audio) :

https://www.april.org/libre-a-vous

Ce serait bien d'avoir une version plus sympa (avec une image par exemple, comme sur https://podtail.com/podcast/les-couilles-sur-la-table/bande-annonce-les-couilles-sur-la-table-a-partir-d/ ou encore un player style https://www.slate.fr/podcast/175851/mansplaining-charge-mentale-hommes-assistes-femmes-lessivees?fbclid=IwAR3vjGwfHL3otooWd6NUYthekLCM0l__pdrYU3D2y7xNeCQ4EYw8rYSReeo )

Si une personne sait faire ça, ne pas hésiter :)

Actions
Copier le lien
 #4

Mis à jour par Frédéric Couchet il y a plus de 5 ans

Création d'une vidéo avec ondes (waves)

ffmpeg -i 20190416-bande-annonce-libre-a-vous.ogg -filter_complex "[0:a]showwaves=s=160x128:mode=line,format=yuv420p[v]" -map "[v]" -map 0:a -c:v theora -c:a copy 20190416-bande-annonce-libre-a-vous-160x128.ogv

ffmpeg -i 20190416-bande-annonce-libre-a-vous.ogg -filter_complex "[0:a]showwaves=s=320x256:mode=line,format=yuv420p[v]" -map "[v]" -map 0:a -c:v theora -c:a copy 20190416-bande-annonce-libre-a-vous-320x256.ogv

Fichiers :

Fichiers utilisables dans une balise video genre :


<figure>
<figcaption>Découvrez en 1 minute et 30 secondes l'émission <em>Libre à vous !</em></figcaption>

<video controls src="/files/libre-a-vous/bande-annonce/20190416-bande-annonce-libre-a-vous-160x128.ogv" width="160">  
            Votre navigateur ne supporte pas l'élément video : <a href="/files/libre-a-vous/bande-annonce/20190416-bande-annonce-libre-a-vous.ogg">écoutez la bande annonce</a>.



	
</video>
</figure>

code couleur rose logo Cause Commune : 0x0xe73059

Création d'une vidéo avec une image de fond et les ondes

Avec bannière courte

Version suggérée par Antoine pour www.april.org/libre-a-vous

On prend la bannière courte comme image de fond, avec une version modifiée dans laquelle la date et l'url sont remontées pour éviter que la barre de contrôle de la vidéo se superpose sur la date de diffusion de l'émission et sur l'url).

Fichiers :

Commande pour générer le fichier vidéo avec positionnement des ondes (overlay=0:50) et utilisation de la couleur blanche pour pour les ondes (colors=white), suite à une suggestion d'Antoine :

ffmpeg -y -i 20190416-bande-annonce-libre-a-vous.ogg -loop 1 -i banniere-radio-april-chaque-mardi.png -filter_complex "[0:a]showwaves=s=384x300:mode=line:colors=white,colorkey=0x000000:0.01:0.1,format=yuva420p[v];[1:v][v]overlay=0:50[outv]" -map "[outv]" -pix_fmt yuv420p -map 0:a -c:v libx264 -c:a aac -shortest 20190416-bande-annonce-libre-a-vous-avec-banniere.mp4

Converstion au format OGV

ffmpeg -i 20190416-bande-annonce-libre-a-vous-avec-banniere.mp4 -acodec libvorbis -vcodec libtheora -qscale:v 5 -codec:a libvorbis -qscale:a 3 20190416-bande-annonce-libre-a-vous-avec-banniere.ogv

Fichiers :

Avec bannière longue

On prend la bannière longue comme image de fond, avec une version modifiée dans laquelle la date et l'url sont remontées pour éviter que la barre de contrôle de la vidéo se superpose sur la date de diffusion de l'émission et sur l'url).

Fichiers :

Version PNG au 764x360

Commande pour générer le fichier vidéo avec positionnement des ondes (overlay=0:80) et utilisation de la couleur blanche pour pour les ondes (colors=white), suite à une suggestion d'Antoine :

ffmpeg -y -i 20190416-bande-annonce-libre-a-vous.ogg -loop 1 -i flyer-libre-a-vous-remix-bande-annonce.png -filter_complex "[0:a]showwaves=s=764x360:mode=line:colors=white,colorkey=0x000000:0.01:0.1,format=yuva420p[v];[1:v][v]overlay=0:80[outv]" -map "[outv]" -pix_fmt yuv420p -map 0:a -c:v libx264 -c:a aac -shortest 20190416-bande-annonce-libre-a-vous-avec-banniere-longue.mp4

Converstion au format OGV

ffmpeg -i 20190416-bande-annonce-libre-a-vous-avec-banniere-longue.mp4 -acodec libvorbis -vcodec libtheora -qscale:v 3 -codec:a libvorbis -qscale:a 3 20190416-bande-annonce-libre-a-vous-avec-banniere-longue.ogv

Si on veut une meilleure qualité de la vidéo on peut -qscale:v 5 (ou 7, ou plus jusqu'à 10)

Fichiers :

Version pour cause commune

On récupère la bannière LAV sur le site de cause commune https://cause-commune.fm/wp-content/uploads/2018/02/lav-1200x630.jpg on convertit à 40% : convert -scale "40%" lav-1200x630.jpg lav.jpg

Commande pour générer le fichier vidéo avec positionnement des ondes (overlay=0:50) et utilisation de la couleur du logo Cause Commune (code couleur 0xe73059)

ffmpeg -y -i 20190416-bande-annonce-libre-a-vous.ogg -loop 1 -i lav.jpg -filter_complex "[0:a]showwaves=s=480x052:mode=line:colors=0xe73059,colorkey=0x000000:0.01:0.1,format=yuva420p[v];[1:v][v]overlay=0:50[outv]" -map "[outv]" -pix_fmt yuv420p -map 0:a -c:v libx264 -c:a copy -shortest 20190416-bande-annonce-libre-a-vous-cause-commune.mp4

Conversion on ogv :

ffmpeg -i 20190416-bande-annonce-libre-a-vous-cause-commune.mp4 -acodec libvorbis -vcodec libtheora -qscale:v 5 -codec:a libvorbis -qscale:a 3 20190416-bande-annonce-libre-a-vous-cause-commune.ogv

Fichiers :

Actions
Copier le lien
 #5

Mis à jour par Frédéric Couchet il y a plus de 5 ans

Il faudrait vérifier la compatibilité avec les navigateurs sur téléphone mobile (la génération de fichiers .mp4 est un test dans en ce sens, modulo la problématique de ce format et des codecs).

Actions
Copier le lien
 #6

Mis à jour par Frédéric Couchet il y a plus de 5 ans

À noter que j'ai eu un souci avec certains des fichiers mp4, ceux générés initialement avec la commande ffmpeg -i fichier.ogg .... -c:v libx264 -c:a copy .... fichier.mp4

Le fichier.mp4 avait donc comme codec audio OGG. Et sous firefox, impossible d'avoir le son (haut-parleur barré et impossible d'activer le son).

Pour corriger ça il fallait générer le fichier ffmpeg -i fichier.ogg .... -c:v libx264 -c:a aac .... fichier.mp4 Pour avoir comme codec audio AAC.

Actions
Copier le lien
 #7

Mis à jour par Frédéric Couchet il y a plus de 5 ans

Pour la vidéo :

- Le format MP4 (H264, AAC) pose des problèmes liés aux brevets

- Après tests et échanges, le format Webm avec VP9 et Vorbis audio fonctionne bien sur téléphone mobile Android (testé sur trois téléphones différents avec différents navigateurs : Firefox, Chrome, navigateur par défaut)

- Safari (iOS) ne semble prendre en compte que le format mp4/h264

Pour l'audio :

- Le format ogg vorbis semble reconnu sur Android

- Avec Safari (iOS) le player ne diffuse par l'audio, Safari propose de télécharger le fichier. Avec le format mp3 le son est diffusé directement

Voir la page https://www.april.org/test-lecteur-audio pour la bande annonce sous différents formats.

On peut mettre dans une même balise audio ou video plusieurs fichiers sources (attribut src) et le navigateur choisira la source qui convient le mieux.

Pour les personnes qui testeraient merci d'indiquer votre environnement lorsque vous tester (système d'exploitation et navigateur web).

Actions
Copier le lien
 #8

Mis à jour par Frédéric Couchet il y a environ 5 ans

VLC a des décodeurs et encodeurs pour tous les formats, et ils sont tous disponibles en logiciel libre. Côté formats, H.264 (vidéo) et AAC (audio) sont fermés avec des brevets.

En théorie, pour ces formats, il faudrait obtenir une licence de brevet pour faire une implémentation logicielle (encodeurs et décodeurs).

Mais VLC étant principalement développé en Europe et VideoLAN étant basé en France, on considère que ce sont des brevets logiciels purs donc non acceptés en Europe. Même si dans les faits les brevets logiciels sont acceptés par l'OEB et par la plupart des juridiction nationale en Europe, il faudrait regarder si l'OEB a validé des brevets sur H.264.

Le lieu de production est tout aussi important que le lieu ou le produit susceptible de contrefaire un brevet est vendu ou utilisé. L'utilisation de VLC dans un pays où un brevet est en vigueur (et d'après le point précédent, ça peut très bien être un pays européen) peut donner lieu à des procès.

Maintenant la bonne attitude est de considérer que ces brevets sont nuls, quelle que soit la juridiction.

Actions
Copier le lien
 #10

Mis à jour par Frédéric Couchet il y a environ 5 ans

  • Statut changé de En cours de traitement à Fermé
  • % réalisé changé de 0 à 100
Actions
Copier le lien

Formats disponibles : Atom PDF