source: spip-zone/_plugins_/mediaspip_player/trunk/modeles/audio.html

[(#REM)
        
        Modele html audio

        Les paramètres possibles :
        -* logo string : le chemin vers un logo spécifique
        -* controls string "non" : N'affichera pas les controles si la valeur est non ou false
        -* autoplay string "tout sauf non ou false"     : Le son se lira dès qu'elle le pourra si la valeur est autre que non ou false
        -* autobuffer|preload string non|auto|metadata : La méthode de preload : auto chargera l'ensemble du son, metadatas s'arrêtera aux metadatas, non ne chargera rien
        -* loop string "tout sauf non ou false" : Le son se lira en boucle
        -* largeur int|% : La largeur par défaut (défaut 350), si valeur en %, % doit être indiqué (ex: 100%), sinon seul l'entier pour les px
        -* hauteur int : La hauteur par défaut (défaut 40)
        -* align string left|right|center : L'alignement par défaut
        -* cookie_volume string oui : garde le volume dans un cookie pour tous les lecteurs
        -* volume int : Un nombre de 0 à 100 correspondant le pourcentage
        -* volume_bloque oui : si oui le niveau de volume restera bloqué
        -* volume_slider_orientation string vertical|horizontal : l'orientation du slider de volume
        -* muted oui : si oui le lecteur sera sur mute à l'initialisation
        -* muted_bloque oui : si oui l'utilisateur ne peut switcher entre mute et unmute
        -* boutons_caches string : liste de boutons séparés par des virgule (ex: fullscreen,loop,volume)
        -* telecharger string "oui" : si oui affiche un lien de téléchargement

]
<BOUCLE_tous(DOCUMENTS types_documents){id_document=#ID}{tout}>
#SET{hauteur,#ENV{hauteur,#HAUTEUR|sinon{40}}}
#SET{largeur,#ENV{largeur,#LARGEUR|sinon{350}}}
[(#GET{largeur}|=={0}|oui)#SET{largeur,350}]
[(#ENV{largeur}
        |et{#ENV{hauteur}|=={''}}
        |et{#ENV{largeur}|match{%}|non}
        |et{#HAUTEUR|>{0}}
        |et{#LARGEUR|>{0}}
        |et{#LARGEUR|>{#ENV{largeur}}}|oui)
        #SET{ratio,#LARGEUR|div{#ENV{largeur}}}
        #SET{hauteur,#HAUTEUR|div{#GET{ratio}}}
][(#ENV{hauteur}
        |et{#ENV{largeur}|=={''}}
        |et{#ENV{hauteur}|match{%}|non}
        |et{#HAUTEUR|!={0}}
        |et{#LARGEUR|sinon{350}}
        |et{[(#HAUTEUR|sinon{40}|>{#ENV{hauteur}})]}|oui)
        [(#SET{ratio,[(#HAUTEUR|sinon{40}|div{#ENV{hauteur}})]})]
        #SET{largeur,#LARGEUR|sinon{350}|div{#GET{ratio}}}
]

[(#GET{largeur}|match{%}|non)
[(#LOGO_DOCUMENT{vignette}|extraire_attribut{width}|>{#GET{largeur}}|oui)
        [(#SET{logo,[(#ENV{logo,#LOGO_DOCUMENT{vignette}|extraire_attribut{src}}|image_passe_partout{#GET{largeur},#GET{hauteur}}|image_recadre{#GET{largeur},#GET{hauteur}})]})]]
[(#LOGO_DOCUMENT{vignette}|extraire_attribut{width}|>{#GET{largeur}}|non)
        [(#SET{logo,[(#ENV{logo,[(#LOGO_DOCUMENT{vignette}|extraire_attribut{src})]}|balise_img)]})]]
]
[(#GET{largeur}|match{%}|oui)
        [(#SET{logo,[(#ENV{logo,[(#LOGO_DOCUMENT{vignette}|extraire_attribut{src})]}|balise_img|inserer_attribut{style,'width:100%;height:auto;'})]})]
]
[(#GET{hauteur,0}|=={0}|oui)
        #SET{hauteur,#GET{logo}|extraire_attribut{height}}
        [(#GET{hauteur,0}|=={0}|oui)
                #SET{hauteur,#CONFIG{mediaspip_player/hauteur_defaut_son,24}]
]
[(#SET{id_document_voir, [(#ID_DOCUMENT)_][(#VAL{0}|rand{100000})]})]

#SET{variantes,#ARRAY}

<BOUCLE_variantes(DOCUMENTS){mode=conversion}{objet=document}{id_objet=#ENV{id_document,#ENV{id}}}{statut==.*}>#SET{variantes,#GET{variantes}|push{#EXTENSION}}</BOUCLE_variantes>
<div class='spip_document_#ID_DOCUMENT spip_documents[ spip_documents_(#ENV{align})] media audio'[
        style='[(#ENV{align}|match{^(left|right)$}|?{' '})float:#ENV{align};] (#ENV{align,center}|=={center}|?{'',[(#GET{largeur}|match{%}|oui)width:#GET{largeur}]})']
        id='media_#GET{id_document_voir}'>[
        (#GET{logo})
        ]<audio id="audio_[(#GET{id_document_voir})]"[(#ENV{controls,true}|in_array{#LISTE{false,non,none}}|non)
                controls][(#ENV{autoplay,non}|in_array{#LISTE{false,non,none}}|non)
                autoplay="autoplay"][
                (#ENV{autobuffer,#ENV{preload,none}}|in_array{#LISTE{false,non,none}}|?{preload="none",[(#ENV{autobuffer,#ENV{preload,none}}|in_array{#LISTE{auto,none}}|?{[preload="(#ENV{autobuffer,#ENV{preload,none}})"],preload="metadata"})]})][(#ENV{loop,non}|in_array{#LISTE{false,non,none}}|non)
                loop][
                width="(#GET{largeur}|match{%}|?{'',#GET{largeur}})"]
                style="[width:(#GET{largeur}|match{%}|?{#GET{largeur},[(#GET{largeur})px]});][height:(#ENV{hauteur,24})px]">
                        <BOUCLE_ssdoc_mp3(DOCUMENTS){mode=conversion}{objet=document}{id_objet=#ENV{id_document,#ENV{id}}}{statut==.*}{extension = mp3}{tout}>
                        [<source[ type='(#MIME_TYPE|trim)[; codecs="(#AUDIOCODECID)"]'] src="(#FICHIER|timestamp|url_absolue)" />]
                        </BOUCLE_ssdoc_mp3>
                        <BOUCLE_ssdoc(DOCUMENTS){mode=conversion}{objet=document}{id_objet=#ENV{id_document,#ENV{id}}}{statut==.*}{extension != mp3}{tout}>[<source type='[(#MIME_TYPE|=={audio/mp4a-latm}|?{'audio/mp4',#MIME_TYPE}|trim)][; codecs="(#AUDIOCODECID)"]' src="(#FICHIER|timestamp|url_absolue)" />]</BOUCLE_ssdoc>
                        [(#EXTENSION|in_array{#LISTE{ogg,oga,weba,mp3,webm,weba,aac,wav,m4a,mp4,3gp}}|et{#EXTENSION|in_array{#GET{variantes}}|non}|oui)[<source type='[(#MIME_TYPE|=={audio/mp4a-latm}|?{audio/mp4,#MIME_TYPE}|trim)][; codecs="(#AUDIOCODECID)"]' src="(#FICHIER|timestamp|url_absolue)" />]]
                        [(#EXTENSION|in_array{#LISTE{oga,ogg,flac}}|non)
                        <object width='#GET{largeur}' height='#GET{hauteur}' type="#MIME_TYPE">
                                [<param name='movie' value='(#FICHIER|timestamp|url_absolue)' />]
                                [<param name='src' value='(#FICHIER|timestamp|url_absolue)' />]
                                [(#ENV*|env_to_params)]
                                <embed src='[(#FICHIER|timestamp|url_absolue)]' [(#ENV*|env_to_attributs)] width='#GET{largeur}' height='#GET{hauteur}'></embed>
                        </object>]
        </audio>
        [(#ENV{infos}|=={non}|non)
                [<div class='#EDIT{titre} spip_doc_titre'><strong>(#TITRE)</strong></div>]
                [<div class='#EDIT{descriptif} spip_doc_descriptif'>(#DESCRIPTIF|PtoBR)[(#NOTES|PtoBR)]</div>]]
        [(#ENV{telecharger,non}|=={oui}|oui)
                <div class='spip_download'><a href="[(#URL_DOCUMENT|url_absolue)]" rel="enclosure"><:bouton_download:></a></div>]
</div>
<script type="text/javascript">
(function($) {
        var ms_player_init_[(#GET{id_document_voir})] = function(){
                if(jQuery('#audio_[(#GET{id_document_voir})]').parent('.media_wrapper').size() == 0){
                        jQuery('#audio_[(#GET{id_document_voir})]').ms_player_init({
                                flowurl:'[(#CHEMIN{flash/flowplayer.swf}|url_absolue)]',[
                                (#ENV{min_width}|oui)[minwidth : '(#ENV{min_width}|match{%}|?{null,#ENV{min_width}})',]][(#ENV{cookie_volume,#CONFIG{mediaspip_player/cookie_volume,non}}|=={oui}|oui)
                                cookie_volume:true,][(#ENV{autoplay,#ENV{autostart,non}}|in_array{#LISTE{false,non,none}}|non)
                                autoplay:true,][(#ENV{volume}|is_numeric|oui)
                                volume:#ENV{volume},][(#ENV{volume_bloque}|=={oui}|oui)
                                volume_bloque:true,][(#ENV{muted}|=={oui}|oui)
                                muted:true,][(#ENV{muted_bloque}|=={oui}|oui)
                                muted_bloque:true,][
                                poster:"(#GET{logo}|extraire_attribut{src}|url_absolue)",][(#ENV{boutons_caches}|oui)
                                boutons_caches:[(#ENV{boutons_caches}|explode{','}|json_encode)],][(#GET{largeur}|oui)[
                                width:'(#ENV{align}|match{^(left|right)$}|et{#ENV{largeur}|match{%}}|?{100%,[(#ENV{largeur}|replace{px,''})]})',]
                                ]volume_slider_orientation:'#ENV{volume_slider_orientation,#CONFIG{mediaspip_player/slider_volume_orientation,horizontal}}'
                        });
                }
        }
        $(function(){
                ms_player_init_[(#GET{id_document_voir})]();
                onAjaxLoad(function(){setTimeout(function(){ms_player_init_[(#GET{id_document_voir})]();},500)});
        });
})(jQuery);
</script>
</BOUCLE_tous>
#FILTRE{trim}