https://player.mediaspip.net/ Site de démonstration du plugin MediaSPIP Player pour SPIP. Ce plugin a été, à l'origine, développé pour MediaSPIP mais est complètement fonctionnel pour SPIP et permet d'afficher les documents audio et video grâce aux APIs HTML5 éponymes. Même si une première version est disponible pour SPIP 2.1.x, aucun support n'y sera réalisé, seules les version pour SPIP 3.x seront mises à jour. fr SPIP - www.spip.net https://player.mediaspip.net/demos/audio/article/fichier-ogg-vorbis-conteneur-ogg https://player.mediaspip.net/demos/audio/article/fichier-ogg-vorbis-conteneur-ogg 2013-10-29T16:12:55Z text/html fr kent1 <p>Lecteur par défaut <br class='autobr' /> On n'a pas sélectionné de taille dans la base de donnée pour le lecteur. <br class='autobr' /> Sa taille par défaut est donc celle utilisée par défaut dans le modèle. <br class='autobr' /> Le code donne ceci : Tableau de compatibilité NavigateurVersionFonctionnement Firefox Toutes Balise <audio> Google Chrome 6+ Balise <audio> Safari 5+ non Internet Explorer 9+ non Internet Explorer 7-8 non Opera Toutes Balise <audio> iOS - (...)</p> - <a href="https://player.mediaspip.net/demos/audio/" rel="directory">Audio</a> <div class='rss_texte'><h3 class="spip">Lecteur par défaut</h3> <p>On n'a pas sélectionné de taille dans la base de donnée pour le lecteur.</p> <p>Sa taille par défaut est donc celle utilisée par défaut dans le modèle.</p> <p>Le code <code class='spip_code' dir='ltr'><emb81></code> donne ceci :</p> <div class='spip_document_81 spip_documents media audio' id='media_81_19390'><audio id="audio_81_19390" controls preload="none" width="350" style="width:350px;height:24px"> <source type='audio/mpeg; codecs="mp3a"' src="https://player.mediaspip.net/IMG/mp3/1984-01-encoded.mp3?1648415123" /> <source type='audio/ogg; codecs="vorbis"' src="https://player.mediaspip.net/IMG/ogg/1984-01-encoded.ogg?1648415131" /> </audio> <div class='crayon document-titre-81 spip_doc_titre'><strong>1984-01</strong></div> <div class='crayon document-descriptif-81 spip_doc_descriptif'>George Orwell R-(Frank Muller)<br class='autobr' /> 1984<br class='autobr' /> 1 </div> </div> <div class="base64javascript14075715886a35a084f39f76.66706946" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPgooZnVuY3Rpb24oJCkgewoJdmFyIG1zX3BsYXllcl9pbml0XzgxXzE5MzkwID0gZnVuY3Rpb24oKXsKCQlpZihqUXVlcnkoJyNhdWRpb184MV8xOTM5MCcpLnBhcmVudCgnLm1lZGlhX3dyYXBwZXInKS5zaXplKCkgPT0gMCl7CgkJCWpRdWVyeSgnI2F1ZGlvXzgxXzE5MzkwJykubXNfcGxheWVyX2luaXQoewoJCQkJZmxvd3VybDonaHR0cHM6Ly9wbGF5ZXIubWVkaWFzcGlwLm5ldC9wbHVnaW5zL21lZGlhc3BpcF9wbGF5ZXIvZmxhc2gvZmxvd3BsYXllci5zd2YnLCAKCQkJCXZvbHVtZV9zbGlkZXJfb3JpZW50YXRpb246J2hvcml6b250YWwnCgkJCX0pOwoJCX0KCX0KCSQoZnVuY3Rpb24oKXsKCQltc19wbGF5ZXJfaW5pdF84MV8xOTM5MCgpOwoJCW9uQWpheExvYWQoZnVuY3Rpb24oKXtzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7bXNfcGxheWVyX2luaXRfODFfMTkzOTAoKTt9LDUwMCl9KTsKCX0pOwp9KShqUXVlcnkpOwo8L3NjcmlwdD4="></div><h3 class="spip">Tableau de compatibilité</h3><table class="spip"> <thead><tr class='row_first'><th id='idbd70_c0'>Navigateur</th><th id='idbd70_c1'>Version</th><th id='idbd70_c2'>Fonctionnement</th></tr></thead> <tbody> <tr class='row_odd odd'> <td headers='idbd70_c0'>Firefox</td> <td headers='idbd70_c1'>Toutes</td> <td headers='idbd70_c2'>Balise <code class='spip_code' dir='ltr'><audio></code></td></tr> <tr class='row_even even'> <td headers='idbd70_c0'>Google Chrome</td> <td headers='idbd70_c1'>6+</td> <td headers='idbd70_c2'>Balise <code class='spip_code' dir='ltr'><audio></code></td></tr> <tr class='row_odd odd'> <td headers='idbd70_c0'>Safari</td> <td headers='idbd70_c1'>5+</td> <td headers='idbd70_c2'>non</td></tr> <tr class='row_even even'> <td headers='idbd70_c0'>Internet Explorer</td> <td headers='idbd70_c1'>9+</td> <td headers='idbd70_c2'>non</td></tr> <tr class='row_odd odd'> <td headers='idbd70_c0'>Internet Explorer</td> <td headers='idbd70_c1'>7-8</td> <td headers='idbd70_c2'>non</td></tr> <tr class='row_even even'> <td headers='idbd70_c0'>Opera</td> <td headers='idbd70_c1'>Toutes</td> <td headers='idbd70_c2'>Balise <code class='spip_code' dir='ltr'><audio></code></td></tr> <tr class='row_odd odd'> <td headers='idbd70_c0'>iOS</td> <td headers='idbd70_c1'>-</td> <td headers='idbd70_c2'>non</td></tr> </tbody> </table></div> https://player.mediaspip.net/demos/audio/article/fichier-opus-conteneur-ogg https://player.mediaspip.net/demos/audio/article/fichier-opus-conteneur-ogg 2013-10-29T15:58:26Z text/html fr kent1 <p>Lecteur par défaut <br class='autobr' /> On n'a pas sélectionné de taille dans la base de donnée pour le lecteur. <br class='autobr' /> Sa taille par défaut est donc celle utilisée par défaut dans le modèle. <br class='autobr' /> Le code donne ceci : Tableau de compatibilité NavigateurVersionFonctionnement Firefox Toutes Balise <audio> Google Chrome 6+ non Safari 5+ non Internet Explorer 9+ non Internet Explorer 7-8 non Opera Toutes non iOS - (...)</p> - <a href="https://player.mediaspip.net/demos/audio/" rel="directory">Audio</a> <div class='rss_texte'><h3 class="spip">Lecteur par défaut</h3> <p>On n'a pas sélectionné de taille dans la base de donnée pour le lecteur.</p> <p>Sa taille par défaut est donc celle utilisée par défaut dans le modèle.</p> <p>Le code <code class='spip_code' dir='ltr'><emb80></code> donne ceci :</p> <div class='spip_document_80 spip_documents media audio' id='media_80_56236'><audio id="audio_80_56236" controls preload="none" width="350" style="width:350px;height:24px"> <source type='audio/ogg; codecs="opus"' src="https://player.mediaspip.net/IMG/oga/bigbuckbunny-surround.opus.oga?1648415131" /> </audio> </div> <div class="base64javascript14075715886a35a084f39f76.66706946" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPgooZnVuY3Rpb24oJCkgewoJdmFyIG1zX3BsYXllcl9pbml0XzgwXzU2MjM2ID0gZnVuY3Rpb24oKXsKCQlpZihqUXVlcnkoJyNhdWRpb184MF81NjIzNicpLnBhcmVudCgnLm1lZGlhX3dyYXBwZXInKS5zaXplKCkgPT0gMCl7CgkJCWpRdWVyeSgnI2F1ZGlvXzgwXzU2MjM2JykubXNfcGxheWVyX2luaXQoewoJCQkJZmxvd3VybDonaHR0cHM6Ly9wbGF5ZXIubWVkaWFzcGlwLm5ldC9wbHVnaW5zL21lZGlhc3BpcF9wbGF5ZXIvZmxhc2gvZmxvd3BsYXllci5zd2YnLCAKCQkJCXZvbHVtZV9zbGlkZXJfb3JpZW50YXRpb246J2hvcml6b250YWwnCgkJCX0pOwoJCX0KCX0KCSQoZnVuY3Rpb24oKXsKCQltc19wbGF5ZXJfaW5pdF84MF81NjIzNigpOwoJCW9uQWpheExvYWQoZnVuY3Rpb24oKXtzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7bXNfcGxheWVyX2luaXRfODBfNTYyMzYoKTt9LDUwMCl9KTsKCX0pOwp9KShqUXVlcnkpOwo8L3NjcmlwdD4="></div><h3 class="spip">Tableau de compatibilité</h3><table class="spip"> <thead><tr class='row_first'><th id='id02b5_c0'>Navigateur</th><th id='id02b5_c1'>Version</th><th id='id02b5_c2'>Fonctionnement</th></tr></thead> <tbody> <tr class='row_odd odd'> <td headers='id02b5_c0'>Firefox</td> <td headers='id02b5_c1'>Toutes</td> <td headers='id02b5_c2'>Balise <code class='spip_code' dir='ltr'><audio></code></td></tr> <tr class='row_even even'> <td headers='id02b5_c0'>Google Chrome</td> <td headers='id02b5_c1'>6+</td> <td headers='id02b5_c2'>non</td></tr> <tr class='row_odd odd'> <td headers='id02b5_c0'>Safari</td> <td headers='id02b5_c1'>5+</td> <td headers='id02b5_c2'>non</td></tr> <tr class='row_even even'> <td headers='id02b5_c0'>Internet Explorer</td> <td headers='id02b5_c1'>9+</td> <td headers='id02b5_c2'>non</td></tr> <tr class='row_odd odd'> <td headers='id02b5_c0'>Internet Explorer</td> <td headers='id02b5_c1'>7-8</td> <td headers='id02b5_c2'>non</td></tr> <tr class='row_even even'> <td headers='id02b5_c0'>Opera</td> <td headers='id02b5_c1'>Toutes</td> <td headers='id02b5_c2'>non</td></tr> <tr class='row_odd odd'> <td headers='id02b5_c0'>iOS</td> <td headers='id02b5_c1'>-</td> <td headers='id02b5_c2'>non</td></tr> </tbody> </table></div> https://player.mediaspip.net/demos/audio/article/fichier-aac https://player.mediaspip.net/demos/audio/article/fichier-aac 2013-10-29T15:01:31Z text/html fr kent1 <p>Lecteur par défaut <br class='autobr' /> On n'a pas sélectionné de taille dans la base de donnée pour le lecteur. <br class='autobr' /> Sa taille par défaut est donc celle utilisée par défaut dans le modèle. <br class='autobr' /> Le code donne ceci : Tableau de compatibilité NavigateurVersionFonctionnement Firefox Toutes Alternative flash Google Chrome 6+ Balise <audio> Safari 5+ Balise <audio> Internet Explorer 9+ Balise <audio> Internet Explorer 7-8 Alternative flash Opera Toutes Alternative flash iOS - Balise <audio> (non (...)</p> - <a href="https://player.mediaspip.net/demos/audio/" rel="directory">Audio</a> <div class='rss_texte'><h3 class="spip">Lecteur par défaut</h3> <p>On n'a pas sélectionné de taille dans la base de donnée pour le lecteur.</p> <p>Sa taille par défaut est donc celle utilisée par défaut dans le modèle.</p> <p>Le code <code class='spip_code' dir='ltr'><emb79></code> donne ceci :</p> <div class='spip_document_79 spip_documents media audio' id='media_79_93593'> <img src='https://player.mediaspip.net/local/cache-vignettes/L424xH600/spipmotion-big_buck_bunny-3e387.jpg?1648491862' alt='' width='424' height='600' /> <audio id="audio_79_93593" controls preload="none" width="424" style="width:424px;height:24px"> <source type='audio/mp4; codecs="mp4a.40.2"' src="https://player.mediaspip.net/IMG/m4a/bunny.m4a?1648415123" /> <object width='424' height='600' type="audio/mp4a-latm"> <param name='movie' value='https://player.mediaspip.net/IMG/m4a/bunny.m4a?1648415123' /> <param name='src' value='https://player.mediaspip.net/IMG/m4a/bunny.m4a?1648415123' /> <param name='id_article' value='14' /><param name='class' value='' /> <embed src='https://player.mediaspip.net/IMG/m4a/bunny.m4a?1648415123' id_article='14' class='' width='424' height='600'></embed> </object> </audio> <div class='crayon document-titre-79 spip_doc_titre'><strong>Big Buck Bunny</strong></div> <div class='crayon document-descriptif-79 spip_doc_descriptif'>Blender foundation<br class='autobr' /> 2008<br class='autobr' /> Animation </div> </div> <div class="base64javascript14075715886a35a084f39f76.66706946" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPgooZnVuY3Rpb24oJCkgewoJdmFyIG1zX3BsYXllcl9pbml0Xzc5XzkzNTkzID0gZnVuY3Rpb24oKXsKCQlpZihqUXVlcnkoJyNhdWRpb183OV85MzU5MycpLnBhcmVudCgnLm1lZGlhX3dyYXBwZXInKS5zaXplKCkgPT0gMCl7CgkJCWpRdWVyeSgnI2F1ZGlvXzc5XzkzNTkzJykubXNfcGxheWVyX2luaXQoewoJCQkJZmxvd3VybDonaHR0cHM6Ly9wbGF5ZXIubWVkaWFzcGlwLm5ldC9wbHVnaW5zL21lZGlhc3BpcF9wbGF5ZXIvZmxhc2gvZmxvd3BsYXllci5zd2YnLAoJCQkJcG9zdGVyOiJodHRwczovL3BsYXllci5tZWRpYXNwaXAubmV0L3NpdGVzL3BsYXllci5tZWRpYXNwaXAubmV0L0lNRy9qcGcvc3BpcG1vdGlvbi1iaWdfYnVja19idW5ueS5qcGciLCAKCQkJCXZvbHVtZV9zbGlkZXJfb3JpZW50YXRpb246J2hvcml6b250YWwnCgkJCX0pOwoJCX0KCX0KCSQoZnVuY3Rpb24oKXsKCQltc19wbGF5ZXJfaW5pdF83OV85MzU5MygpOwoJCW9uQWpheExvYWQoZnVuY3Rpb24oKXtzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7bXNfcGxheWVyX2luaXRfNzlfOTM1OTMoKTt9LDUwMCl9KTsKCX0pOwp9KShqUXVlcnkpOwo8L3NjcmlwdD4="></div><h3 class="spip">Tableau de compatibilité</h3><table class="spip"> <thead><tr class='row_first'><th id='idd498_c0'>Navigateur</th><th id='idd498_c1'>Version</th><th id='idd498_c2'>Fonctionnement</th></tr></thead> <tbody> <tr class='row_odd odd'> <td headers='idd498_c0'>Firefox</td> <td headers='idd498_c1'>Toutes</td> <td headers='idd498_c2'>Alternative flash</td></tr> <tr class='row_even even'> <td headers='idd498_c0'>Google Chrome</td> <td headers='idd498_c1'>6+</td> <td headers='idd498_c2'>Balise <code class='spip_code' dir='ltr'><audio></code></td></tr> <tr class='row_odd odd'> <td headers='idd498_c0'>Safari</td> <td headers='idd498_c1'>5+</td> <td headers='idd498_c2'>Balise <code class='spip_code' dir='ltr'><audio></code></td></tr> <tr class='row_even even'> <td headers='idd498_c0'>Internet Explorer</td> <td headers='idd498_c1'>9+</td> <td headers='idd498_c2'>Balise <code class='spip_code' dir='ltr'><audio></code></td></tr> <tr class='row_odd odd'> <td headers='idd498_c0'>Internet Explorer</td> <td headers='idd498_c1'>7-8</td> <td headers='idd498_c2'>Alternative flash</td></tr> <tr class='row_even even'> <td headers='idd498_c0'>Opera</td> <td headers='idd498_c1'>Toutes</td> <td headers='idd498_c2'>Alternative flash</td></tr> <tr class='row_odd odd'> <td headers='idd498_c0'>iOS</td> <td headers='idd498_c1'>-</td> <td headers='idd498_c2'>Balise <code class='spip_code' dir='ltr'><audio></code> (non stylée)</td></tr> </tbody> </table></div> https://player.mediaspip.net/demos/audio/article/fichier-wav https://player.mediaspip.net/demos/audio/article/fichier-wav 2013-10-28T14:15:30Z text/html fr kent1 <p>Lecteur par défaut <br class='autobr' /> On n'a pas sélectionné de taille dans la base de donnée pour le lecteur. <br class='autobr' /> Sa taille par défaut est donc celle utilisée par défaut dans le modèle. <br class='autobr' /> Le code donne ceci : Tableau de compatibilité NavigateurVersionFonctionnement Firefox Toutes Balise <audio> Google Chrome 6+ Balise <audio> Safari 5+ Balise <audio> Internet Explorer 9+ Balise <audio> Internet Explorer 7-8 Lecteur du système (Windows Media Player) Opera Toutes Balise <audio> iOS - (...)</p> - <a href="https://player.mediaspip.net/demos/audio/" rel="directory">Audio</a> <div class='rss_texte'><h3 class="spip">Lecteur par défaut</h3> <p>On n'a pas sélectionné de taille dans la base de donnée pour le lecteur.</p> <p>Sa taille par défaut est donc celle utilisée par défaut dans le modèle.</p> <p>Le code <code class='spip_code' dir='ltr'><emb77></code> donne ceci :</p> <div class='spip_document_77 spip_documents media audio' id='media_77_8411'><audio id="audio_77_8411" controls preload="none" width="350" style="width:350px;height:24px"> <source type='audio/x-wav; codecs="1"' src="https://player.mediaspip.net/IMG/wav/loop0.wav?1648415136" /> <object width='350' height='24' type="audio/x-wav"> <param name='movie' value='https://player.mediaspip.net/IMG/wav/loop0.wav?1648415136' /> <param name='src' value='https://player.mediaspip.net/IMG/wav/loop0.wav?1648415136' /> <param name='id_article' value='13' /><param name='class' value='' /> <embed src='https://player.mediaspip.net/IMG/wav/loop0.wav?1648415136' id_article='13' class='' width='350' height='24'></embed> </object> </audio> </div> <div class="base64javascript14075715886a35a084f39f76.66706946" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPgooZnVuY3Rpb24oJCkgewoJdmFyIG1zX3BsYXllcl9pbml0Xzc3Xzg0MTEgPSBmdW5jdGlvbigpewoJCWlmKGpRdWVyeSgnI2F1ZGlvXzc3Xzg0MTEnKS5wYXJlbnQoJy5tZWRpYV93cmFwcGVyJykuc2l6ZSgpID09IDApewoJCQlqUXVlcnkoJyNhdWRpb183N184NDExJykubXNfcGxheWVyX2luaXQoewoJCQkJZmxvd3VybDonaHR0cHM6Ly9wbGF5ZXIubWVkaWFzcGlwLm5ldC9wbHVnaW5zL21lZGlhc3BpcF9wbGF5ZXIvZmxhc2gvZmxvd3BsYXllci5zd2YnLCAKCQkJCXZvbHVtZV9zbGlkZXJfb3JpZW50YXRpb246J2hvcml6b250YWwnCgkJCX0pOwoJCX0KCX0KCSQoZnVuY3Rpb24oKXsKCQltc19wbGF5ZXJfaW5pdF83N184NDExKCk7CgkJb25BamF4TG9hZChmdW5jdGlvbigpe3NldFRpbWVvdXQoZnVuY3Rpb24oKXttc19wbGF5ZXJfaW5pdF83N184NDExKCk7fSw1MDApfSk7Cgl9KTsKfSkoalF1ZXJ5KTsKPC9zY3JpcHQ+"></div><h3 class="spip">Tableau de compatibilité</h3><table class="spip"> <thead><tr class='row_first'><th id='id34d6_c0'>Navigateur</th><th id='id34d6_c1'>Version</th><th id='id34d6_c2'>Fonctionnement</th></tr></thead> <tbody> <tr class='row_odd odd'> <td headers='id34d6_c0'>Firefox</td> <td headers='id34d6_c1'>Toutes</td> <td headers='id34d6_c2'>Balise <code class='spip_code' dir='ltr'><audio></code></td></tr> <tr class='row_even even'> <td headers='id34d6_c0'>Google Chrome</td> <td headers='id34d6_c1'>6+</td> <td headers='id34d6_c2'>Balise <code class='spip_code' dir='ltr'><audio></code></td></tr> <tr class='row_odd odd'> <td headers='id34d6_c0'>Safari</td> <td headers='id34d6_c1'>5+</td> <td headers='id34d6_c2'>Balise <code class='spip_code' dir='ltr'><audio></code></td></tr> <tr class='row_even even'> <td headers='id34d6_c0'>Internet Explorer</td> <td headers='id34d6_c1'>9+</td> <td headers='id34d6_c2'>Balise <code class='spip_code' dir='ltr'><audio></code></td></tr> <tr class='row_odd odd'> <td headers='id34d6_c0'>Internet Explorer</td> <td headers='id34d6_c1'>7-8</td> <td headers='id34d6_c2'>Lecteur du système (Windows Media Player)</td></tr> <tr class='row_even even'> <td headers='id34d6_c0'>Opera</td> <td headers='id34d6_c1'>Toutes</td> <td headers='id34d6_c2'>Balise <code class='spip_code' dir='ltr'><audio></code></td></tr> <tr class='row_odd odd'> <td headers='id34d6_c0'>iOS</td> <td headers='id34d6_c1'>-</td> <td headers='id34d6_c2'>Balise <code class='spip_code' dir='ltr'><audio></code> (non stylée)</td></tr> </tbody> </table></div> https://player.mediaspip.net/demos/audio/article/fichier-mp3-seul-avec-une-cover https://player.mediaspip.net/demos/audio/article/fichier-mp3-seul-avec-une-cover 2013-10-24T16:20:13Z text/html fr kent1 <p>Le code produit :Le code produit :</p> - <a href="https://player.mediaspip.net/demos/audio/" rel="directory">Audio</a> <div class='rss_texte'><h3 class="spip">Le code <code class='spip_code' dir='ltr'><doc13|center></code> produit :</h3><dl class='spip_document_13 spip_documents spip_documents_center'> <dt><a href='https://player.mediaspip.net/IMG/mp3/victory_lap-encoded.mp3' title='MP3 - 29 Mo' type="audio/mpeg"><img src='https://player.mediaspip.net/local/cache-vignettes/L500xH501/spipmotion-victory_lap__the_obama_mix_pt__2-3-96e49.png?1648536515' width='500' height='501' alt='' /></a></dt> <dt class='crayon document-titre-13 spip_doc_titre' style='width:350px;'><strong>Victory Lap : The Obama Mix Pt. 2</strong></dt> <dd class='crayon document-descriptif-13 spip_doc_descriptif' style='width:350px;'>Z-Trip<br class='autobr' /> 2009-20-09 </dd> </dl><h3 class="spip">Le code <code class='spip_code' dir='ltr'><emb13|center></code> produit :</h3><div class='spip_document_13 spip_documents spip_documents_center media audio' id='media_13_56420'> <img src='https://player.mediaspip.net/local/cache-vignettes/L350xH350/a967dd960334f5cf6d1a364c0e5669-ea016.png?1648536461' width='350' height='350' /> <audio id="audio_13_56420" controls preload="none" width="350" style="width:350px;height:24px"> <source type='audio/mpeg; codecs="mp3a"' src="https://player.mediaspip.net/IMG/mp3/victory_lap-encoded.mp3?1648415123" /> <object width='350' height='350' type="audio/mpeg"> <param name='movie' value='https://player.mediaspip.net/IMG/mp3/victory_lap-encoded.mp3?1648415123' /> <param name='src' value='https://player.mediaspip.net/IMG/mp3/victory_lap-encoded.mp3?1648415123' /> <param name='id_article' value='9' /><param name='class' value='' /> <embed src='https://player.mediaspip.net/IMG/mp3/victory_lap-encoded.mp3?1648415123' id_article='9' class='' width='350' height='350'></embed> </object> </audio> <div class='crayon document-titre-13 spip_doc_titre'><strong>Victory Lap : The Obama Mix Pt. 2</strong></div> <div class='crayon document-descriptif-13 spip_doc_descriptif'>Z-Trip<br class='autobr' /> 2009-20-09 </div> </div> <div class="base64javascript14075715886a35a084f39f76.66706946" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPgooZnVuY3Rpb24oJCkgewoJdmFyIG1zX3BsYXllcl9pbml0XzEzXzU2NDIwID0gZnVuY3Rpb24oKXsKCQlpZihqUXVlcnkoJyNhdWRpb18xM181NjQyMCcpLnBhcmVudCgnLm1lZGlhX3dyYXBwZXInKS5zaXplKCkgPT0gMCl7CgkJCWpRdWVyeSgnI2F1ZGlvXzEzXzU2NDIwJykubXNfcGxheWVyX2luaXQoewoJCQkJZmxvd3VybDonaHR0cHM6Ly9wbGF5ZXIubWVkaWFzcGlwLm5ldC9wbHVnaW5zL21lZGlhc3BpcF9wbGF5ZXIvZmxhc2gvZmxvd3BsYXllci5zd2YnLAoJCQkJcG9zdGVyOiJodHRwczovL3BsYXllci5tZWRpYXNwaXAubmV0L3NpdGVzL3BsYXllci5tZWRpYXNwaXAubmV0L2xvY2FsL2NhY2hlLWdkMi8xYi9hOTY3ZGQ5NjAzMzRmNWNmNmQxYTM2NGMwZTU2NjkucG5nPzE2NDg1MzY0NjEiLCAKCQkJCXZvbHVtZV9zbGlkZXJfb3JpZW50YXRpb246J2hvcml6b250YWwnCgkJCX0pOwoJCX0KCX0KCSQoZnVuY3Rpb24oKXsKCQltc19wbGF5ZXJfaW5pdF8xM181NjQyMCgpOwoJCW9uQWpheExvYWQoZnVuY3Rpb24oKXtzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7bXNfcGxheWVyX2luaXRfMTNfNTY0MjAoKTt9LDUwMCl9KTsKCX0pOwp9KShqUXVlcnkpOwo8L3NjcmlwdD4="></div></div> https://player.mediaspip.net/demos/audio/article/fichier-mp3-sans-cover https://player.mediaspip.net/demos/audio/article/fichier-mp3-sans-cover 2013-10-24T16:12:20Z text/html fr kent1 <p>Lecteur par défaut <br class='autobr' /> On n'a pas sélectionné de taille dans la base de donnée pour le lecteur. <br class='autobr' /> Sa taille par défaut est donc celle utilisée par défaut dans le modèle. <br class='autobr' /> Le code donne ceci : Test avec un lecteur de plus en plus petit <br class='autobr' /> On va réduire progressivement la taille du lecteur pour voir ce qu'il se passe. <br class='autobr' /> Le code donne : Le lecteur commence à être petit, le slider de volume passe en vertical, il n'est donc plus visible et prend moins de place ; <br class='autobr' /> Le code donne : La seconde partie du lecteur à (...)</p> - <a href="https://player.mediaspip.net/demos/audio/" rel="directory">Audio</a> <div class='rss_texte'><h3 class="spip">Lecteur par défaut</h3> <p>On n'a pas sélectionné de taille dans la base de donnée pour le lecteur.</p> <p>Sa taille par défaut est donc celle utilisée par défaut dans le modèle.</p> <p>Le code <code class='spip_code' dir='ltr'><emb11></code> donne ceci :</p> <div class='spip_document_11 spip_documents media audio' id='media_11_21195'><audio id="audio_11_21195" controls preload="none" width="350" style="width:350px;height:24px"> <source type='audio/mpeg; codecs="mp3a"' src="https://player.mediaspip.net/IMG/mp3/son_de_cloche.mp3?1648415123" /> <object width='350' height='24' type="audio/mpeg"> <param name='movie' value='https://player.mediaspip.net/IMG/mp3/son_de_cloche.mp3?1648415123' /> <param name='src' value='https://player.mediaspip.net/IMG/mp3/son_de_cloche.mp3?1648415123' /> <param name='id_article' value='8' /><param name='class' value='' /> <embed src='https://player.mediaspip.net/IMG/mp3/son_de_cloche.mp3?1648415123' id_article='8' class='' width='350' height='24'></embed> </object> </audio> </div> <div class="base64javascript14075715886a35a084f39f76.66706946" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPgooZnVuY3Rpb24oJCkgewoJdmFyIG1zX3BsYXllcl9pbml0XzExXzIxMTk1ID0gZnVuY3Rpb24oKXsKCQlpZihqUXVlcnkoJyNhdWRpb18xMV8yMTE5NScpLnBhcmVudCgnLm1lZGlhX3dyYXBwZXInKS5zaXplKCkgPT0gMCl7CgkJCWpRdWVyeSgnI2F1ZGlvXzExXzIxMTk1JykubXNfcGxheWVyX2luaXQoewoJCQkJZmxvd3VybDonaHR0cHM6Ly9wbGF5ZXIubWVkaWFzcGlwLm5ldC9wbHVnaW5zL21lZGlhc3BpcF9wbGF5ZXIvZmxhc2gvZmxvd3BsYXllci5zd2YnLCAKCQkJCXZvbHVtZV9zbGlkZXJfb3JpZW50YXRpb246J2hvcml6b250YWwnCgkJCX0pOwoJCX0KCX0KCSQoZnVuY3Rpb24oKXsKCQltc19wbGF5ZXJfaW5pdF8xMV8yMTE5NSgpOwoJCW9uQWpheExvYWQoZnVuY3Rpb24oKXtzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7bXNfcGxheWVyX2luaXRfMTFfMjExOTUoKTt9LDUwMCl9KTsKCX0pOwp9KShqUXVlcnkpOwo8L3NjcmlwdD4="></div><h3 class="spip">Test avec un lecteur de plus en plus petit</h3> <p>On va réduire progressivement la taille du lecteur pour voir ce qu'il se passe.</p> <p>Le code <code class='spip_code' dir='ltr'><emb11|largeur=200></code> donne :</p> <div class='spip_document_11 spip_documents media audio' id='media_11_93971'><audio id="audio_11_93971" controls preload="none" width="200" style="width:200px;height:24px"> <source type='audio/mpeg; codecs="mp3a"' src="https://player.mediaspip.net/IMG/mp3/son_de_cloche.mp3?1648415123" /> <object width='200' height='24' type="audio/mpeg"> <param name='movie' value='https://player.mediaspip.net/IMG/mp3/son_de_cloche.mp3?1648415123' /> <param name='src' value='https://player.mediaspip.net/IMG/mp3/son_de_cloche.mp3?1648415123' /> <param name='id_article' value='8' /><param name='class' value='' /><param name='largeur' value='200' /> <embed src='https://player.mediaspip.net/IMG/mp3/son_de_cloche.mp3?1648415123' id_article='8' class='' largeur='200' width='200' height='24'></embed> </object> </audio> </div> <div class="base64javascript14075715886a35a084f39f76.66706946" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPgooZnVuY3Rpb24oJCkgewoJdmFyIG1zX3BsYXllcl9pbml0XzExXzkzOTcxID0gZnVuY3Rpb24oKXsKCQlpZihqUXVlcnkoJyNhdWRpb18xMV85Mzk3MScpLnBhcmVudCgnLm1lZGlhX3dyYXBwZXInKS5zaXplKCkgPT0gMCl7CgkJCWpRdWVyeSgnI2F1ZGlvXzExXzkzOTcxJykubXNfcGxheWVyX2luaXQoewoJCQkJZmxvd3VybDonaHR0cHM6Ly9wbGF5ZXIubWVkaWFzcGlwLm5ldC9wbHVnaW5zL21lZGlhc3BpcF9wbGF5ZXIvZmxhc2gvZmxvd3BsYXllci5zd2YnLCAKCQkJCXdpZHRoOicyMDAnLAoJCQkJdm9sdW1lX3NsaWRlcl9vcmllbnRhdGlvbjonaG9yaXpvbnRhbCcKCQkJfSk7CgkJfQoJfQoJJChmdW5jdGlvbigpewoJCW1zX3BsYXllcl9pbml0XzExXzkzOTcxKCk7CgkJb25BamF4TG9hZChmdW5jdGlvbigpe3NldFRpbWVvdXQoZnVuY3Rpb24oKXttc19wbGF5ZXJfaW5pdF8xMV85Mzk3MSgpO30sNTAwKX0pOwoJfSk7Cn0pKGpRdWVyeSk7Cjwvc2NyaXB0Pg=="></div><ul class="spip"><li> Le lecteur commence à être petit, le slider de volume passe en vertical, il n'est donc plus visible et prend moins de place ;</li></ul> <p>Le code <code class='spip_code' dir='ltr'><emb11|largeur=150></code> donne :</p> <div class='spip_document_11 spip_documents media audio' id='media_11_894'><audio id="audio_11_894" controls preload="none" width="150" style="width:150px;height:24px"> <source type='audio/mpeg; codecs="mp3a"' src="https://player.mediaspip.net/IMG/mp3/son_de_cloche.mp3?1648415123" /> <object width='150' height='24' type="audio/mpeg"> <param name='movie' value='https://player.mediaspip.net/IMG/mp3/son_de_cloche.mp3?1648415123' /> <param name='src' value='https://player.mediaspip.net/IMG/mp3/son_de_cloche.mp3?1648415123' /> <param name='id_article' value='8' /><param name='class' value='' /><param name='largeur' value='150' /> <embed src='https://player.mediaspip.net/IMG/mp3/son_de_cloche.mp3?1648415123' id_article='8' class='' largeur='150' width='150' height='24'></embed> </object> </audio> </div> <div class="base64javascript14075715886a35a084f39f76.66706946" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPgooZnVuY3Rpb24oJCkgewoJdmFyIG1zX3BsYXllcl9pbml0XzExXzg5NCA9IGZ1bmN0aW9uKCl7CgkJaWYoalF1ZXJ5KCcjYXVkaW9fMTFfODk0JykucGFyZW50KCcubWVkaWFfd3JhcHBlcicpLnNpemUoKSA9PSAwKXsKCQkJalF1ZXJ5KCcjYXVkaW9fMTFfODk0JykubXNfcGxheWVyX2luaXQoewoJCQkJZmxvd3VybDonaHR0cHM6Ly9wbGF5ZXIubWVkaWFzcGlwLm5ldC9wbHVnaW5zL21lZGlhc3BpcF9wbGF5ZXIvZmxhc2gvZmxvd3BsYXllci5zd2YnLCAKCQkJCXdpZHRoOicxNTAnLAoJCQkJdm9sdW1lX3NsaWRlcl9vcmllbnRhdGlvbjonaG9yaXpvbnRhbCcKCQkJfSk7CgkJfQoJfQoJJChmdW5jdGlvbigpewoJCW1zX3BsYXllcl9pbml0XzExXzg5NCgpOwoJCW9uQWpheExvYWQoZnVuY3Rpb24oKXtzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7bXNfcGxheWVyX2luaXRfMTFfODk0KCk7fSw1MDApfSk7Cgl9KTsKfSkoalF1ZXJ5KTsKPC9zY3JpcHQ+"></div><ul class="spip"><li> La seconde partie du lecteur à devenir non nécessaire est le "temps restant" ;</li></ul> <p>Le code <code class='spip_code' dir='ltr'><emb11|largeur=120></code> donne :</p> <div class='spip_document_11 spip_documents media audio' id='media_11_36904'><audio id="audio_11_36904" controls preload="none" width="120" style="width:120px;height:24px"> <source type='audio/mpeg; codecs="mp3a"' src="https://player.mediaspip.net/IMG/mp3/son_de_cloche.mp3?1648415123" /> <object width='120' height='24' type="audio/mpeg"> <param name='movie' value='https://player.mediaspip.net/IMG/mp3/son_de_cloche.mp3?1648415123' /> <param name='src' value='https://player.mediaspip.net/IMG/mp3/son_de_cloche.mp3?1648415123' /> <param name='id_article' value='8' /><param name='class' value='' /><param name='largeur' value='120' /> <embed src='https://player.mediaspip.net/IMG/mp3/son_de_cloche.mp3?1648415123' id_article='8' class='' largeur='120' width='120' height='24'></embed> </object> </audio> </div> <div class="base64javascript14075715886a35a084f39f76.66706946" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPgooZnVuY3Rpb24oJCkgewoJdmFyIG1zX3BsYXllcl9pbml0XzExXzM2OTA0ID0gZnVuY3Rpb24oKXsKCQlpZihqUXVlcnkoJyNhdWRpb18xMV8zNjkwNCcpLnBhcmVudCgnLm1lZGlhX3dyYXBwZXInKS5zaXplKCkgPT0gMCl7CgkJCWpRdWVyeSgnI2F1ZGlvXzExXzM2OTA0JykubXNfcGxheWVyX2luaXQoewoJCQkJZmxvd3VybDonaHR0cHM6Ly9wbGF5ZXIubWVkaWFzcGlwLm5ldC9wbHVnaW5zL21lZGlhc3BpcF9wbGF5ZXIvZmxhc2gvZmxvd3BsYXllci5zd2YnLCAKCQkJCXdpZHRoOicxMjAnLAoJCQkJdm9sdW1lX3NsaWRlcl9vcmllbnRhdGlvbjonaG9yaXpvbnRhbCcKCQkJfSk7CgkJfQoJfQoJJChmdW5jdGlvbigpewoJCW1zX3BsYXllcl9pbml0XzExXzM2OTA0KCk7CgkJb25BamF4TG9hZChmdW5jdGlvbigpe3NldFRpbWVvdXQoZnVuY3Rpb24oKXttc19wbGF5ZXJfaW5pdF8xMV8zNjkwNCgpO30sNTAwKX0pOwoJfSk7Cn0pKGpRdWVyeSk7Cjwvc2NyaXB0Pg=="></div><ul class="spip"><li> La troisième partie du lecteur non nécessaire est le bouton de "loop" ;</li></ul> <p>Le code <code class='spip_code' dir='ltr'><emb11|largeur=100></code> donne :</p> <div class='spip_document_11 spip_documents media audio' id='media_11_6295'><audio id="audio_11_6295" controls preload="none" width="100" style="width:100px;height:24px"> <source type='audio/mpeg; codecs="mp3a"' src="https://player.mediaspip.net/IMG/mp3/son_de_cloche.mp3?1648415123" /> <object width='100' height='24' type="audio/mpeg"> <param name='movie' value='https://player.mediaspip.net/IMG/mp3/son_de_cloche.mp3?1648415123' /> <param name='src' value='https://player.mediaspip.net/IMG/mp3/son_de_cloche.mp3?1648415123' /> <param name='id_article' value='8' /><param name='class' value='' /><param name='largeur' value='100' /> <embed src='https://player.mediaspip.net/IMG/mp3/son_de_cloche.mp3?1648415123' id_article='8' class='' largeur='100' width='100' height='24'></embed> </object> </audio> </div> <div class="base64javascript14075715886a35a084f39f76.66706946" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPgooZnVuY3Rpb24oJCkgewoJdmFyIG1zX3BsYXllcl9pbml0XzExXzYyOTUgPSBmdW5jdGlvbigpewoJCWlmKGpRdWVyeSgnI2F1ZGlvXzExXzYyOTUnKS5wYXJlbnQoJy5tZWRpYV93cmFwcGVyJykuc2l6ZSgpID09IDApewoJCQlqUXVlcnkoJyNhdWRpb18xMV82Mjk1JykubXNfcGxheWVyX2luaXQoewoJCQkJZmxvd3VybDonaHR0cHM6Ly9wbGF5ZXIubWVkaWFzcGlwLm5ldC9wbHVnaW5zL21lZGlhc3BpcF9wbGF5ZXIvZmxhc2gvZmxvd3BsYXllci5zd2YnLCAKCQkJCXdpZHRoOicxMDAnLAoJCQkJdm9sdW1lX3NsaWRlcl9vcmllbnRhdGlvbjonaG9yaXpvbnRhbCcKCQkJfSk7CgkJfQoJfQoJJChmdW5jdGlvbigpewoJCW1zX3BsYXllcl9pbml0XzExXzYyOTUoKTsKCQlvbkFqYXhMb2FkKGZ1bmN0aW9uKCl7c2V0VGltZW91dChmdW5jdGlvbigpe21zX3BsYXllcl9pbml0XzExXzYyOTUoKTt9LDUwMCl9KTsKCX0pOwp9KShqUXVlcnkpOwo8L3NjcmlwdD4="></div><ul class="spip"><li> La quatrième partie du lecteur non nécessaire est la barre de progression ;</li></ul><h3 class="spip">Tableau de compatibilité</h3><table class="spip"> <thead><tr class='row_first'><th id='id4ca7_c0'>Navigateur</th><th id='id4ca7_c1'>Version</th><th id='id4ca7_c2'>Fonctionnement</th></tr></thead> <tbody> <tr class='row_odd odd'> <td headers='id4ca7_c0'>Firefox</td> <td headers='id4ca7_c1'>Toutes</td> <td headers='id4ca7_c2'>Alternative flash</td></tr> <tr class='row_even even'> <td headers='id4ca7_c0'>Google Chrome</td> <td headers='id4ca7_c1'>6+</td> <td headers='id4ca7_c2'>Balise <code class='spip_code' dir='ltr'><audio></code></td></tr> <tr class='row_odd odd'> <td headers='id4ca7_c0'>Safari</td> <td headers='id4ca7_c1'>5+</td> <td headers='id4ca7_c2'>Balise <code class='spip_code' dir='ltr'><audio></code></td></tr> <tr class='row_even even'> <td headers='id4ca7_c0'>Internet Explorer</td> <td headers='id4ca7_c1'>9+</td> <td headers='id4ca7_c2'>Balise <audio></code></td></tr> <tr class='row_odd odd'> <td headers='id4ca7_c0'>Internet Explorer</td> <td headers='id4ca7_c1'>7-8</td> <td headers='id4ca7_c2'>Alternative Flash</td></tr> <tr class='row_even even'> <td headers='id4ca7_c0'>Opera</td> <td headers='id4ca7_c1'>Toutes</td> <td headers='id4ca7_c2'>Alternative flash</td></tr> </tbody> </table></div>