BBCode [video] avec sous-titres au format srt...

Répondre
Avatar du membre
Unloved
Messages : 41
Enregistré le : 13 juin 2022, 18:17

BBCode [video] avec sous-titres au format srt...

Message par Unloved » 27 juin 2022, 00:45

Voilà mon BBCode [img], j'aimerais lui ajouter la prise en charge de sous-titres au format srt...

Code : Tout sélectionner

[video]{URL}[/video]

Code : Tout sélectionner

<video oncontextmenu="return false;" src="{URL}" width="100%" controls controlsList="nodownload" preload="metadata"> Votre navigateur ne prend pas en charge l’élément <code>Lecteur Vidéo HTML5</code>.</video>

Code : Tout sélectionner

[video]Insérez votre lien ici.[/video]

Avatar du membre
cabot
Administrateur du site
Messages : 182
Enregistré le : 03 nov. 2011, 11:29
Contact :

Re: BBCode [video] avec sous-titres au format srt...

Message par cabot » 27 juin 2022, 09:25

Hello,

Il faut convertir tes fichiers au format .vtt, qui est le seul format accepté par la balise track.

https://developer.mozilla.org/en-US/doc ... TML5_video

Avatar du membre
Unloved
Messages : 41
Enregistré le : 13 juin 2022, 18:17

Re: BBCode [video] avec sous-titres au format srt...

Message par Unloved » 27 juin 2022, 18:14

Merci, je devrait savoir faire :)

Avatar du membre
cabot
Administrateur du site
Messages : 182
Enregistré le : 03 nov. 2011, 11:29
Contact :

Re: BBCode [video] avec sous-titres au format srt...

Message par cabot » 27 juin 2022, 20:51

Parfait ;)

Avatar du membre
Unloved
Messages : 41
Enregistré le : 13 juin 2022, 18:17

Re: BBCode [video] avec sous-titres au format srt...

Message par Unloved » 01 juil. 2022, 05:44

J'ai fait ça :

Code : Tout sélectionner

[subvideo]{URL}|{URL2}|{URL3}|{URL4}[/subvideo]

Code : Tout sélectionner

<video oncontextmenu="return false;" src="{URL}" width="100%" controls controlsList="nodownload" preload="none">

   <track label="Anglais" kind="subtitles" srclang="en" src="{URL2}">
   <track label="Français" kind="subtitles" srclang="fr" src="{URL3}" default>
   <track label="Russe" kind="subtitles" srclang="ru" src="{URL4}">

> Votre navigateur ne prend pas en charge l’élément <code>Lecteur Vidéo HTML5</code>.
</video>
Tu peut l'améliorer pour moi ?

Avatar du membre
cabot
Administrateur du site
Messages : 182
Enregistré le : 03 nov. 2011, 11:29
Contact :

Re: BBCode [video] avec sous-titres au format srt...

Message par cabot » 01 juil. 2022, 14:10

Ça complique un peu les choses car ça implique d'avoir systématiquement les 3 fichiers de traduction alors que tu pourrais définir les sous-titres en option.
  • BBCode de base : pas de sous-titres
  • BBcode avec sous-titres dont au moins le français obligatoire car il y a un attribut "default".
  • Ajout optionnel des deux autres langues.
Utilisation du BBCode :

Code : Tout sélectionner

[subvideo subtitle_fr={URL1?} subtitle_en={URL2?} subtitle_ru={URL3?}]{URL}[/subvideo]
Code HTML de remplacement :

Code : Tout sélectionner

<video controls="" controlsList="nodownload" preload="metadata" oncontextmenu="return false;" style="width:100%; max-width: 720px;">
	<source src="{URL}" type="video/mp4"></source>
	<xsl:if test="@subtitle_fr">
		<track kind="captions" label="Français" srclang="fr" src="{URL1}" default=""></track>
	</xsl:if>
	<xsl:if test="@subtitle_en">
		<track kind="captions" label="English" srclang="en" src="{URL2}"></track>
	</xsl:if>
	<xsl:if test="@subtitle_ru">
		<track kind="captions" label="Русский" srclang="ru" src="{URL3}"></track>
	</xsl:if>
</video>
Ligne d’aide :

Code : Tout sélectionner

Vous pouvez utiliser ce BBCode sans sous-titres : [subvideo]url-de-la-vidéo[/subvideo].

Si vous voulez ajouter des sous-titres (français, anglais et/ou russe), il faut obligatoirement ajouter au moins les sous-titres français [subvideo subtitle_fr=url-fichier-sous-titres-français-au-format-vtt]url-de-la-vidéo[/subvideo]

Pour les autres sous-titres (anglais et/ou russe), ajoutez un espace entre chaque attribut : [subvideo subtitle_fr=url-fichier-sous-titres-français-au-format-vtt  subtitle_en=url-fichier-sous-titres-anglais-au-format-vtt et/ou subtitle_ru=url-fichier-sous-titres-russe-au-format-vtt]url-de-la-vidéo[/subvideo]

Répondre