Browse Source

un modèle audiosources pour placer un document audio avec plusieurs

sources dans d'autres extensions
master
chankalan 3 months ago
parent
commit
3464275182
  1. 40
      squelettes/modeles/audiosources.html

40
squelettes/modeles/audiosources.html

@ -0,0 +1,40 @@
[(#REM)
Modele pour les sons
Filtrer en acceptant uniquement les extensions jouables par le player ?
]<BOUCLE_audio(DOCUMENTS types_documents) {media=audio} {id_document=#ENV{id,#ENV{id_document}}} {inclus=embed} {tout}>
[(#SET{legende,#INCLURE{fond=modeles/document_legende, env}|trim})]
#SET{largeur,#ENV{largeur, #LARGEUR|?{#LARGEUR,400}}|max{120}}
#SET{duree,#ENV{duree,#DUREE}}[(#SET{duree,[(#GET{duree}|intval|?{[(#GET{duree}|intval)],''})]})]
<div
class="[(#ID_DOCUMENT|medias_modele_document_standard_classes{audio})]"[
(#ID_DOCUMENT|medias_modele_document_standard_attributs{audio})
]>
<figure class="spip_doc_inner">
[(#LOGO_DOCUMENT{vignette}|image_reduire{#GET{largeur},0}|vider_attribut{class})]
<div class="audio-wrapper"[ style='width:(#GET{largeur})px;max-width:100%;']>
<audio class="mejs mejs-#ID_DOCUMENT [ mejs-(#ENV{skin})]"
data-id="[(#VAL{mejs-#ID_DOCUMENT}|concat{#ENV{skin}}|md5)]"
preload="none"
data-mejsoptions='{"alwaysShowControls": true[,"loop":(#ENV{loop}|?{true,false})],"audioWidth":"100%"[,"audioHeight":"(#ENV{hauteur})"][,"startVolume":"(#ENV{volume})"][,"duration":(#GET{duree})]}'
controls="controls"
[autoplay="autoplay"(#ENV{autoplay}|oui)]>
<source src="#URL_DOCUMENT" type="#MIME_TYPE">
<BOUCLE_source2(DOCUMENTS){id_document=#ENV{source2}}{tout}>
<source src="#URL_DOCUMENT" type="#MIME_TYPE"></BOUCLE_source2>
<BOUCLE_source3(DOCUMENTS){id_document=#ENV{source3}}{tout}>
<source src="#URL_DOCUMENT" type="#MIME_TYPE"></BOUCLE_source3>
</audio>
</div>
#GET{legende}
[<script>/*<!\[CDATA\[*/var mejspath='[(#CHEMIN{lib/mejs/mediaelement-and-player.min.js}|timestamp)]',mejscss='[(#CHEMIN{lib/mejs/mediaelementplayer.min.css}|timestamp)]';
(#INCLURE{javascript/mejs-init.min.js})/*\]\]>*/</script>]
[(#ENV{skin}|oui)[<style>(#INCLURE{#CHEMIN{css/mejs-skin-#ENV{skin}.css}|sinon{#CHEMIN{lib/mejs/mejs-skins.css}}|url_absolue_css})</style>]]
</figure>
</div>
</BOUCLE_audio>
<INCLURE{fond=modeles/file,env} />
<//B_audio>
Loading…
Cancel
Save