[SPIP][PLUGINS] v3.0-->v3.2
[lhc/web/www.git] / www / plugins-dist / medias / modeles / audio.html
index d97f166..6da0153 100644 (file)
@@ -1,15 +1,22 @@
 <BOUCLE_tous (DOCUMENTS types_documents) {id_document=#ID} {tout}>
-<div   class='spip_document_#ID_DOCUMENT spip_documents[ spip_documents_(#ENV{align})]'[
-       style='[(#ENV{align}|match{^(left|right)$}|oui)float:#ENV{align};] (#ENV{align,center}|=={center}|non)[width:(#ENV{largeur}|max{120})px]']>
-<object        data='#URL_DOCUMENT' 
-       type='#MIME_TYPE'
-       width='#ENV{largeur, #LARGEUR|?{#LARGEUR,150}}'
-       height='#ENV{hauteur, #HAUTEUR|?{#HAUTEUR,20}}' >
-       <param name='src' value='#URL_DOCUMENT' />
-       [(#ID_DOCUMENT|appliquer_filtre{#MIME_TYPE})]
-       [(#ENV*|env_to_params)]
-</object>
-[<div class='spip_doc_titre'><strong>(#TITRE)</strong></div>]
-[<div class='spip_doc_descriptif'>(#DESCRIPTIF|PtoBR)[(#NOTES|PtoBR)]</div>]
+#SET{largeur,#ENV{largeur, #LARGEUR|?{#LARGEUR,400}}|max{120}}
+<div   class='spip_document_#ID_DOCUMENT spip_document_audio spip_documents[ spip_documents_(#ENV{align})]'
+       style='[(#ENV{align}|match{^(left|right)$}|oui)float:#ENV{align};][width:(#GET{largeur})px]'>
+       [(#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__player mejs-#ID_DOCUMENT [ mejs-(#ENV{skin})]"
+              data-id="[(#VAL{mejs-#ID_DOCUMENT}|concat{#ENV{skin}}|md5)]"
+              src="#FICHIER"
+              type="#MIME_TYPE"
+                  preload="none"
+              data-mejsoptions='{"alwaysShowControls": true[,"loop":(#ENV{loop}|?{true,false})],"audioWidth":"100%"[,"audioHeight":"(#ENV{hauteur})"][,"startVolume":"(#ENV{volume})"]}'
+              controls="controls"
+                                [autoplay="autoplay"(#ENV{autoplay}|oui)]></audio>
 </div>
-</BOUCLE_tous>
+[<div class='#EDIT{titre} spip_doc_titre'><strong>(#TITRE)</strong></div>]
+[<div class='#EDIT{descriptif} spip_doc_descriptif'>(#DESCRIPTIF|PtoBR)[(#NOTES|PtoBR)]</div>]
+[<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>]]
+</div>
+</BOUCLE_tous>
\ No newline at end of file