AgC 3075 [Infos-Interm.]

Visiteurs connectés : 0

| Liens | ** Europe ** | - | Par thèmes | Plan du site | Glossaire |
| Suivre la vie du site RSS 2.0 | Liens morts | info visites 136573 | Agenda | Mentions Légales |
Accueil > Audiovisuel > Vidéos > Spip : Intégration d’une bande son ou vidéo automatique avec le plugin Lecteur_multimedia ..

Spip : Intégration d’une bande son ou vidéo automatique avec le plugin Lecteur_multimedia ..

mercredi 12 janvier 2011, par AgC | Imprimer Imprimer |
Dernière modification : dimanche 23 octobre 2016 à 11:00

Cet article a été vu 1438 fois.

2 votes

Version actuelle de ce site, Spip : v3.0.22 [22914] - Lecteur multimédia : v2.7.9 - Lecteur Video-Accessible : v0.6.10

Intégration d’une bande son ou vidéo automatique par les rédacteurs avec le plugin Lecteur_multimedia dans spip 2.x.

Avant-propos :

Je suis enragé quand j’arrive sur un site ( .. un article .. ) qui diffuse une bande son ou vidéo sans volume réglable !
En général c’est à trois heures du matin et comme mon ordinateur est branché sur ma sonorisation, je réveille mes voisins.
En effet, je ne touche jamais au volume général de l’amplificateur et au volume général de l’ordinateur qui sont réglés pour diffuser le son dans les meilleurs conditions, c’est donc à partir des différents lecteurs que je pilote les sons ( télévision, et tous les lecteurs ou enregistreurs de son et de vidéo comme les pages internet notamment, récepteur radio, etc ... ).

D’autres part comme je suis un des administrateurs pour un site où il y a de nombreux rédacteurs, or jusqu’à présent je m’occupais plus particulièrement de cette fonction quand nous avions à insérer quelques vidéos ou bandes sonores, et jusqu’à présent j’entrais donc ce lecteur en dur dans l’article avec le graphique approprié, et bien entendu .. un réglage de volume, avec l’appel au fichier « neoplayer_maxi.swf » ou « player_flv_maxi.swf » du plugin « Lecteur_multimedia » ...

Introduction :

Il s’agit donc d’utiliser ce plugin et de faire une copie d’un des modèles qui se trouve dans le « Lecteur_multimedia » —> dossier « modeles », et notamment pour cet article : .. du fichier « doc_player.html ». Mais vous pouvez aussi faire la même chose avec un autre modèle ( doc_streaming.html, doc_video.html, playliste_video.html, playliste.html ou video_liste.html ).

On va adapter la copie de ce fichier au graphisme du site, que l’on place dans le dossier « mes_squelettes/modeles/doc_player.html », il prendra donc la priorité sur celui qui se trouve dans le plugin « Lecteur_multimedia », et gardera vos réglages dans le cas d’une mise à jour de ce dernier.

A noter :

- Que le fichier fonctionnait avec spip 2.0.10 avec la version v0.73 du lecteur, et certainement avec toutes les versions spip 2 ( voir ci-dessus la version actuelle de SPIP et du Lecteur multimédia, numéros de version mis à jour automatiquement suivant les versions installées en vigueur sur ce site ... ).
- Dans ce modèle, un lien de téléchargement téléchargement Télécharger un fichier :

- pour Mac, faire contrôle + clic, et choisir « Télécharger le fichier lié .. »

- pour PC, faire un clic droit, et choisir « Enregistrer le lien sur votre disque dur, ou quelque chose d’approchant .. »
est automatiquement inséré sous le lecteur dans l’article ( il suffit d’enlever les lignes correspondantes pour ne pas avoir cette fonction ).
- Dans cette exemple les quatre lecteurs de son sont neutralisés, le changement dans l’administration du Lecteur_mutimedia vers un autre lecteur ne fait que de modifier la largeur du lecteur « neoplayer_maxi ».

- Dernier point :

Retour au sommaire

Le fichier « doc_player.html » a placer dans le dossier « modeles » de vos squelettes :

Attention, ne faites pas un copier/coller de cet encadré !..
En effet, pour que le code entre dans ce cadre j’ai effectué une césure manuelle et vous risqueriez donc d’avoir des espaces ou des retours chariot qui pourraient corrompre le fichier.
Sous cet encadré, ce fichier est à télécharger télécharger Télécharger un fichier :

- pour Mac, faire contrôle + clic, et choisir « Télécharger le fichier lié .. »

- pour PC, faire un clic droit, et choisir « Enregistrer le lien sur votre disque dur, ou quelque chose d’approchant .. »

Télécharger sur DL.free :

- Réseaux Free : Cliquez seulement sur le lien, une nouvelle fenêtre vide s’ouvre et le téléchargement commence ..

- Autres réseaux : Cliquez seulement sur le lien, une nouvelle fenêtre s’ouvre et cliquez sur le lien ( voir l’image .. ).
et compressé en archive ZIP.

[<!--(#REM)

        // modeles/doc_player.html
        // $LastChangedRevision: 18209 $
        // $LastChangedBy: paladin@quesaco.org $
        // $LastChangedDate: 2008-01-27 17:54:31 +0100 (dim., 27 janv. 2008) $
Modele pour <doc> modifie pour le plugin Lecteur Flash pour MP3
http://spip-zone.info/spip.php?article18         -->]

[<!--(#REM)
        // Fichier a mettre dans " mes_squelettes/modeles/doc_player.html " //
        // MODIFIE par AgC // Spip 2.0 et 2.1 // juin 2010 //
       
Si le document est de format mp3,
il affiche le lecteur flash permettant de faire jouer ce fichier suivi du
TITRE, et du DESCRIPTIF.
- Avec ce fichier a inserer dans le dossier
" vos_squelettes/modeles/doc_player.html ", les documents mp3 ont tous le
graphisme défini a votre site quelque soit le rédacteur qui s'en occupe.
- Les diffrents autres lecteurs mp3 définis dans l'administration du
Lecteur_multimedia sont neutralisés, et tous remplacés par le lecteur "
neoplayer ". La seule difference agit sur la largeur de celui, voir
ci-dessous.         -->]

[(#REM) Boucle principale documents ]

<BOUCLE_doc (DOCUMENTS) {id_document}{tout}>
#SET{player, #ENV{player, #CONFIG{player,'neoplayer'}}}

[(#REM) Document MP3 ? ]

[(#TYPE_DOCUMENT|=={MP3}|?{
<dl class='spip_document_#ID_DOCUMENT spip_documents[
spip_documents_(#ENV{align})][ (#ENV{class})] spip_lien_ok'[
style='float:(#ENV{align}|match{left|right});']>
[(#ID_VIGNETTE|?{
        <dt><a href="[(#ENV{lien}|sinon{#URL_DOCUMENT})]" type="#MIME_TYPE"[
class="(#ENV{lien_class})"] title='#TYPE_DOCUMENT -
[(#TAILLE|taille_en_octets|texte_backend)]'>
        <img src='[(#LOGO_DOCUMENT||extraire_attribut{src})]' width='[(#LOGO_DOCUMENT||largeur)]' height='[(#LOGO_DOCUMENT||hauteur)]' alt='#TYPE_DOCUMENT - [(#TAILLE|taille_en_octets|texte_backend)]'
/></a></dt>
,
        ''
})]


[<!--(#REM)
        Pour voir les options de configuration :
        http://www.1pixelout.net/code/audio-player-wordpress-plugin/
-->]

[(#REM) Parametrage des differents lecteurs mp3 : ]

<dd class='spip_doc_descriptif'[
style='width:(#LOGO_DOCUMENT||largeur|min{450}|max{450})px;']>

[(#REM) Lecteur PixPlayer transforme en NeoPlayer 300 x 25 ]

[(#GET{player}|=={pixplayer}|?{' ',''})
<object id="audioplayer#ID_DOCUMENT" type="application/x-shockwave-flash"
data="#CHEMIN{flash/neoplayer_maxi.swf}" height="[(#ENV{height,25})]"
width="[(#ENV{width,300})]">
<param name="wmode" value="transparent" />
<param name="movie" value="#CHEMIN{flash/neoplayer_maxi.swf}" />
<param name="FlashVars"
value="mp3= #URL_DOCUMENT&amp; bgcolor1=9999FF&amp; bgcolor2=000000&amp; buttoncolor=FFFFFF&amp; buttonovercolor=CC3333&amp; slidercolor1=CC3333&amp; slidercolor2=FFFFFF&amp; loadingcolor=ffff00&amp; sliderovercolor=CC3333&amp; textcolor=0&amp; showvolume=1&amp; showstop=1&amp; showinfo=0&amp;
width=300&amp; height=25[&amp; autoplay=(#ENV{autostart,0})]" />
</object>
]<!--#Fin PixPlayer -->

[(#REM) Lecteur NeoPlayer 400 x 25
Definition des couleurs et des boutons actifs, .. :
- bgcolor 1 et 2 - Couleurs du cadre : 1= en haut, 2= en bas
- buttoncolor - Couleur des boutons
- buttonovercolor - Couleur des boutons quand le selecteur est au-dessus
- slidercolor1 - Couleur de l’indicateur de position dans la bande, partie haute
- slidercolor2 - Couleur de l’indicateur de position dans la bande, partie basse
- loadingcolor - Couleur de l’indicateur de telechargement de la bande
- sliderovercolor - Couleur de l’indicateur de position dans la bande, selecteur au dessus
- showvolume=1 - Bouton de volume actif
- autostart ou autoplay=0 - Pas de demarrage automatique du son
]


[(#GET{player}|=={neoplayer}|?{' ',''})
<object id="audioplayer#ID_DOCUMENT" type="application/x-shockwave-flash"
data="#CHEMIN{flash/neoplayer_maxi.swf}" height="[(#ENV{height,25})]"
width="[(#ENV{width,400})]">
<param name="wmode" value="transparent" />
<param name="movie" value="#CHEMIN{flash/neoplayer_maxi.swf}" />
<param name="FlashVars"
value="mp3= #URL_DOCUMENT&amp; bgcolor1=9999FF&amp; bgcolor2=000000&amp; buttoncolor=FFFFFF&amp; buttonovercolor=CC3333&amp; slidercolor1=CC3333&amp;
slidercolor2=FFFFFF&amp; loadingcolor=ffff00&amp; sliderovercolor=CC3333&amp;
textcolor=0&amp; showvolume=1&amp; showstop=1&amp; showinfo=0&amp;
width=400&amp; height=25[&amp; autoplay=(#ENV{autostart,0})]" />
</object>
]<!--#Fin NeoPlayer -->

[(#REM) Lecteur DewPlayer transforme en NeoPlayer 350 x 25 ]

[(#GET{player}|=={dewplayer}|?{' ',''})
<object id="audioplayer#ID_DOCUMENT" type="application/x-shockwave-flash"
data="#CHEMIN{flash/neoplayer_maxi.swf}" height="[(#ENV{height,25})]"
width="[(#ENV{width,350})]">
<param name="wmode" value="transparent" />
<param name="movie" value="#CHEMIN{flash/neoplayer_maxi.swf}" />
<param name="FlashVars"
value="mp3=#URL_DOCUMENT&amp; bgcolor1=9999FF&amp; bgcolor2=000000&amp; buttoncolor=FFFFFF&amp; buttonovercolor=CC3333&amp; slidercolor1=CC3333&amp; slidercolor2=FFFFFF&amp; loadingcolor=ffff00&amp; sliderovercolor=CC3333&amp;
textcolor=0&amp; showvolume=1&amp; showstop=1&amp; showinfo=0&amp; width=350&amp; height=25[&amp; autoplay=(#ENV{autostart,0})]" />
</object>
]<!--#Fin DewPlayer -->

[(#REM) Lecteur EraPlayer transforme en NeoPlayer 250 x 25 ]

[(#GET{player}|=={eraplayer}|?{' ',''})
<object id="audioplayer#ID_DOCUMENT" type= "application/x-shockwave-flash"
data="#CHEMIN{flash/neoplayer_maxi.swf}" height= "[(#ENV{height,25})]"
width="[(#ENV{width,250})]">
<param name="wmode" value="transparent" />
<param name="movie" value="#CHEMIN{flash/neoplayer_maxi.swf}" />
<param name="FlashVars"
value="mp3=#URL_DOCUMENT&amp; bgcolor1=9999FF&amp; bgcolor2=000000&amp;
buttoncolor=FFFFFF&amp; buttonovercolor=CC3333&amp; slidercolor1=CC3333&amp; slidercolor2=FFFFFF&amp; loadingcolor=ffff00&amp; sliderovercolor=CC3333&amp; textcolor=0&amp; showvolume=1&amp; showstop=1&amp; showinfo=0&amp; width=250&amp; height=25[&amp; autoplay=(#ENV{autostart,0})]" />
</object>
]<!--#Fin EraPlayer -->

</dd>

[(#REM) Affichage du Titre et Descriptif sous le lecteur,
si ils sont renseignes ]

[<dt class='spip_doc_titre #EDIT{titre}'[
style='width: (#LOGO_DOCUMENT||largeur|min{450}|max{450})px;']> <strong>  (#TITRE)  </
strong></dt>]
[<dd class='spip_doc_descriptif #EDIT{descriptif}'[
style='width: (#LOGO_DOCUMENT||largeur|min{450}|max{450})px;']> (#DESCRIPTIF|PtoBR
) [(#NOTES|PtoBR)]</dd>]

[(#REM) Lien pour le telechargement du fichier ]

<br />[<div style="float:left;text-align:left;">T&eacute;l&eacute;charger le
document : <a href="#URL_DOCUMENT"> (#TITRE) </a></div>]
<br />

</dl>
})]<!--#Fin affichage Titre, Descriptif et lien de telechargement -->


[<!--(#REM)
        Document Flash (.flv) ?
       
        Documentation:
        - player_flv_maxi -> http://flv-player.net/players/maxi/documentation/
       
-->]

[(#REM) player_flv_maxi.swf pour les videos
Ecran aspect 16/9 ( 480 x 290 ) augmente en hauteur de 20px notamment
pour les videos 4/3 : ]

[(#TYPE_DOCUMENT|=={Flash Video}|?{' '})
#SET{largeur, #ENV{largeur, #LARGEUR|=={0}|?{480, #LARGEUR}}}
#SET{hauteur, #ENV{hauteur, #HAUTEUR|=={0}|?{290, #HAUTEUR}}}
<dl class= 'spip_document_#ID_DOCUMENT spip_documents [
spip_documents_(#ENV{align})] [ (#ENV{class})] spip_lien_ok' [
style='float:(#ENV{align}|match{left|right});']>

[(#REM) flash Flash Télécharger le lecteur Flash dans votre navigateur ( pour système Mac, Windows, .. ) :

- install-flash-player-10.1-r102-osx-ub.dmg - ( dmg - 7,6 Mo )

Voir aussi le lecteur VLC ou le composant Perian à intégrer à QuickTime ..
/player_flv_maxi pour les videos

Definition des couleurs et des boutons actifs, .. :
- bgcolor 1 et 2 - Couleurs du cadre : 1= en haut, 2= en bas
- buttoncolor - Couleur des boutons
- buttonovercolor - Couleur des boutons quand le selecteur est au-dessus
- slidercolor1 - Couleur de l’indicateur de position dans la bande, partie haute
- slidercolor2 - Couleur de l’indicateur de position dans la bande, partie basse
- loadingcolor - Couleur de l’indicateur de telechargement de la bande
- sliderovercolor - Couleur de l’indicateur de position dans la bande, selecteur au dessus
- showvolume=1 - Bouton de volume actif
- startimage - Premiere image charge avant que la video soit joue, cache le titre ..
- showfullscreen - Bouton pour affiche la video en plien ecran
- autostart ou autoplay=0 - Pas de demarrage automatique de la video
]

<object type="application/x-shockwave-flash"
data="#CHEMIN{flash/player_flv_maxi.swf}" width="#GET{largeur}"
height="#GET{hauteur}">
<param name="movie" value="#CHEMIN{flash/player_flv_maxi.swf}" />
<param name="FlashVars"
value="flv=[(#URL_DOCUMENT)]&amp; width=#GET{largeur}&amp; height=#GET{hauteur}&amp; bgcolor1=9999FF&amp; bgcolor2=6666CC&amp; buttoncolor=FFFFFF&amp; buttonovercolor=CC3333&amp; slidercolor1=CC3333&amp; slidercolor2=FFFFFF&amp; loadingcolor=ffff00&amp; sliderovercolor=CC3333&amp; textcolor=0&amp; showvolume=1&amp; showstop=1&amp; title=[(#TITRE|textebrut
|urlencode)] [(#LOGO_DOCUMENT|| extraire_attribut{src}|match{flv.png$}|?{'',''}) &amp; startimage= [(#LOGO_DOCUMENT|| extraire_attribut{src})]]&amp; ondoubleclick
=fullscreen&amp; showfullscreen=1&amp; autoplay=[(#ENV{autoplay}|?{1,0})]" />
<param name="allowFullScreen" value="true" />
<param name="wmode" value="transparent" />
</object>

[(#REM) Titre et Description ]

[<dt class='spip_doc_titre' [
style= 'width:(#LOGO_DOCUMENT||largeur|min{450}|max{450})px;']> <strong> (#TITRE) </
strong></dt>]
[<dd class='spip_doc_descriptif'[
style= 'width:(#LOGO_DOCUMENT||largeur|min{450}|max{450})px;']> (#DESCRIPTIF|PtoBR
) [(#NOTES|PtoBR)]</dd>]
</dl>

[(#REM) Lien pour le telechargement du fichier ]

[<div style="float:left;text-align:left;">T&eacute;l&eacute;charger le
document : <a href="#URL_DOCUMENT"> (#TITRE) </a></div>]
<br />
]


[<!--(#REM)
        Sinon : document normal
-->]

[(#TYPE_DOCUMENT|match{^(Flash Video|MP3)$}|?{'',' '})
<dl class='spip_document_#ID_DOCUMENT spip_documents[
spip_documents_(#ENV{align})][ (#ENV{class})] spip_lien_ok'[
style='float:(#ENV{align}|match{left|right});']>
<a href="[(#ENV{lien}|sinon{#URL_DOCUMENT})]" type="#MIME_TYPE"[
class="(#ENV{lien_class})"]><img
src='[(#LOGO_DOCUMENT||extraire_attribut{src})]'
width='[(#LOGO_DOCUMENT||largeur)]' height='[(#LOGO_DOCUMENT||hauteur)]'
alt='#TYPE_DOCUMENT - [(#TAILLE|taille_en_octets)]' title='#TYPE_DOCUMENT -
[(#TAILLE|taille_en_octets)]' /></a>
[
<dt class='spip_doc_titre'[
style='width:(#LOGO_DOCUMENT||largeur|min{450}|max{450})px;']> <strong> (#TITRE) </strong></dt>][
<dd class='spip_doc_descriptif'[
style='width:(#LOGO_DOCUMENT||largeur|min{450}|max{450})px;']> (#DESCRIPTIF|PtoBR
) [(#NOTES|PtoBR)]</dd>]
</dl>
]

</BOUCLE_doc>
<!--#Fin Boucle principale documents -->

Voici ce fichier à télécharger télécharger Télécharger un fichier :

- pour Mac, faire contrôle + clic, et choisir « Télécharger le fichier lié .. »

- pour PC, faire un clic droit, et choisir « Enregistrer le lien sur votre disque dur, ou quelque chose d’approchant .. »

Télécharger sur DL.free :

- Réseaux Free : Cliquez seulement sur le lien, une nouvelle fenêtre vide s’ouvre et le téléchargement commence ..

- Autres réseaux : Cliquez seulement sur le lien, une nouvelle fenêtre s’ouvre et cliquez sur le lien ( voir l’image .. ).
 : doc_player.html.zip - ( Archive zip - 2,4 Ko )

Retour au sommaire

DocPlayer-Version110206 :

Dans cette nouvelle version si le navigateur du visiteur n’a pas le module Flash Flash Télécharger le lecteur Flash dans votre navigateur ( pour système Mac, Windows, .. ) :

- install-flash-player-10.1-r102-osx-ub.dmg - ( dmg - 7,6 Mo )

Voir aussi le lecteur VLC ou le composant Perian à intégrer à QuickTime ..
installé, celui-ci est prévenu et un lien est ajouté vers le téléchargement téléchargement Télécharger un fichier :

- pour Mac, faire contrôle + clic, et choisir « Télécharger le fichier lié .. »

- pour PC, faire un clic droit, et choisir « Enregistrer le lien sur votre disque dur, ou quelque chose d’approchant .. »
de la dernière version du module adapté à son système ( Voir dans le Portfolio une image de ce qui s’affiche dans ce cas .. ).

Voici le code ajouté avant la balise « </objet> » pour chaque lecteur .. :

[<div style='font-size:12px; font-weight:bold; background-color:#FFFF55; width:380px;'>
<br />!!! - Le module " Flash player " n'est pas intall&eacute;
<br />sur votre navigateur - !!!
<br /><img src='IMG/gif/Logo_Flashplayer-80x.gif' align='center' alt=''>
<br />T&eacute;l&eacute;charger <a href="http://www.macromedia.com/go/getflashplayer"> Flash player </a> gratuit ..
<br /><a href='(#URL_DOCUMENT)' rel='enclosure'></a>
<br />----------</div>]

</objet>

Le dossier à télécharger télécharger Télécharger un fichier :

- pour Mac, faire contrôle + clic, et choisir « Télécharger le fichier lié .. »

- pour PC, faire un clic droit, et choisir « Enregistrer le lien sur votre disque dur, ou quelque chose d’approchant .. »

Télécharger sur DL.free :

- Réseaux Free : Cliquez seulement sur le lien, une nouvelle fenêtre vide s’ouvre et le téléchargement commence ..

- Autres réseaux : Cliquez seulement sur le lien, une nouvelle fenêtre s’ouvre et cliquez sur le lien ( voir l’image .. ).
ci-dessous contient :

- le fichier « doc_player.html » à placer dans mes_squelettes/modeles/
et
- le « Logo_Flashplayer-80x.gif » à placer dans le dossier IMG/gif.

Si vous ne voulez pas mettre l’image, .. supprimer pour chaque lecteur la ligne du code correspondant à celle-ci.
La couleur du lien est en fonction de vos paramètres définis.
L’ensemble du texte est en gras.
Enfin vous pouvez donc supprimer le style de ce code et l’adapter dans vos CSS ...

Dossier « DocPlayer-Version110206.zip » à télécharger télécharger Télécharger un fichier :

- pour Mac, faire contrôle + clic, et choisir « Télécharger le fichier lié .. »

- pour PC, faire un clic droit, et choisir « Enregistrer le lien sur votre disque dur, ou quelque chose d’approchant .. »

Télécharger sur DL.free :

- Réseaux Free : Cliquez seulement sur le lien, une nouvelle fenêtre vide s’ouvre et le téléchargement commence ..

- Autres réseaux : Cliquez seulement sur le lien, une nouvelle fenêtre s’ouvre et cliquez sur le lien ( voir l’image .. ).
( zip archive - 8 Ko ).

Retour au sommaire

doc_player.html-Version131220 :

Cette version du fichier « doc_player.html » est la version actuelle du site et ajoute 3 fonctions :

param name=« FlashVars » value=«  », soit 3 autres définitions :
- &volumewidth=50 - pour la largeur du bouton de volume
- &volumeheight=13 - pour la hauteur maximale du bouton de volume
- &showinfo=1 - le point d’interrogation (?) qui renseigne sur :
  • le temps écoulé en minutes et secondes
  • le nom de la piste et le nom de l’artiste (si ces deux derniers renseignements ont été inscrits dans les métadonnées. Voir avec iTunes ou Audacity (un très bon logiciel libre sur le site Framasoft pour monter, mixer du son et beaucoup plus, .. remplir les métadonnées au moment notamment de l’exportation du son final ..)

- Le fichier à télécharger télécharger Télécharger un fichier :

- pour Mac, faire contrôle + clic, et choisir « Télécharger le fichier lié .. »

- pour PC, faire un clic droit, et choisir « Enregistrer le lien sur votre disque dur, ou quelque chose d’approchant .. »

Télécharger sur DL.free :

- Réseaux Free : Cliquez seulement sur le lien, une nouvelle fenêtre vide s’ouvre et le téléchargement commence ..

- Autres réseaux : Cliquez seulement sur le lien, une nouvelle fenêtre s’ouvre et cliquez sur le lien ( voir l’image .. ).
 : doc_player.html-Version131220.zip (Achives zip) à décompresser et placer celui-ci dans mes_squelettes/modeles/doc_player.html.

- Voir la version actuelle de spip sur ce site et celle du Lecteur_multimedia

- Voir le rendu de ce fichier ci-dessous


Retour au sommaire

Spip 3 et le Lecteur multimédia-2 :
A noter que dans la version Spip 3 et lecteur_multimedia-2,
il faut adapter le fichier « emb_mp3.html » qui se trouve dans « /plugins/lecteur_multimedia-2/modeles/emb_mp3.html », et surcharger également le fichier « /plugins/lecteur_multimedia-2/players/neoplayer/player.html ». Il faut garder une copie des deux fichiers quelque part en cas de mise à jour de ce plugin, la surcharge ne se fait plus en mettant nos fichiers dans « mes_squelettes/modeles/ ».

Voici éventuellement un modèle avec un fond gris clair unis, des boutons rouge FdG, et vert au survole de la souris.
Ci-dessous cette image de ce lecteur en taille réel, telle que surcharger dans le fichier « player.html »  :

JPEG - 17.6 ko
lecteur_multimedia-2 : emb_mp3.html (400px) et player.html surchargé

- Télécharger télécharger Télécharger un fichier :

- pour Mac, faire contrôle + clic, et choisir « Télécharger le fichier lié .. »

- pour PC, faire un clic droit, et choisir « Enregistrer le lien sur votre disque dur, ou quelque chose d’approchant .. »

Télécharger sur DL.free :

- Réseaux Free : Cliquez seulement sur le lien, une nouvelle fenêtre vide s’ouvre et le téléchargement commence ..

- Autres réseaux : Cliquez seulement sur le lien, une nouvelle fenêtre s’ouvre et cliquez sur le lien ( voir l’image .. ).
les deux fichiers qui vont surcharger le "lecteur_multimedia-2 : emb_mp3.html (Archive zip) et player.html (Archive zip).

Pour la vidéo, je vous conseille de prendre « Video Accessible » qui permet d’intégrer des bandes venant de Dailymotion, Youtube et Vimeo ou venant d’un autre site distant. Le lien direct est référencé dans la médiathèque en tant qu’objet (ne fonctionne pas chez free ..).

En résumé :
- Pour le son, à sa balise « <docxxx|center> », on ajoute « |player », soit « <docxxx[player|center> », comme pour toutes les versions du Lecteur multimedia.

- Pour la vidéo, si vous utilisez « Video Accessible », il faut transformer la balise « <docxxx|center> », « emb » remplace « doc », soit « <embxxx|center> ».


Retour au sommaire

Pré-requis - Mettre une bande sonore ( mp3 ), ou une vidéo ( flv flv Télécharger le lecteur Flash dans votre navigateur ( pour système Mac, Windows, .. ) :

- install-flash-player-10.1-r102-osx-ub.dmg - ( dmg - 7,6 Mo )

Voir aussi le lecteur VLC ou le composant Perian à intégrer à QuickTime ..
) dans un article :

Attention actuellement cette surcharge sur le lecteur pour les vidéos référencées sur internet ne fonctionne pas ..

Télécharger télécharger Télécharger un fichier :

- pour Mac, faire contrôle + clic, et choisir « Télécharger le fichier lié .. »

- pour PC, faire un clic droit, et choisir « Enregistrer le lien sur votre disque dur, ou quelque chose d’approchant .. »

Télécharger sur DL.free :

- Réseaux Free : Cliquez seulement sur le lien, une nouvelle fenêtre vide s’ouvre et le téléchargement commence ..

- Autres réseaux : Cliquez seulement sur le lien, une nouvelle fenêtre s’ouvre et cliquez sur le lien ( voir l’image .. ).
le document
en local si celui-ci est de faible poids, ou par FTP dans le dossier « tmp/upload/ » si le fichier à un poids important.

- Ajouter le titre si voulu et une description, placer ensuite la balise dans l’article à l’endroit désiré, en ajoutant « player » dans celle-ci.
Exemple : <docxxxx|player|center>

Retour au sommaire

- Exemples 01, une bande son - Mp3 avec le lecteur_multimedia (« Media Element Player », coché dans l’administration du Lecteur_multimedia-2).

  • Attention pour que « Media Element Player » fonctionne, il faut que PHP soit au minimum en version 5.3, sinon vous aurez une erreur avec « json_encode »

Dans « Configuration » du site, voir -> Fonctions avancées -> Norme HTML à suivre -> Permettre le HTML5.

Version actuelle du site et des plugins « Lecteur_multimedia et Video-Accessible »

Pour avoir un lien de téléchargement téléchargement Télécharger un fichier :

- pour Mac, faire contrôle + clic, et choisir « Télécharger le fichier lié .. »

- pour PC, faire un clic droit, et choisir « Enregistrer le lien sur votre disque dur, ou quelque chose d’approchant .. »
de la bande son comme ci-dessous, il faut surcharger le fichier « emb_mp3.html » dans le plugin « lecteur_multimedia-2, dernière version, (lecteur_multimedia-2/modeles/emb_mp3.html).
Voici un exemple à télécharger télécharger Télécharger un fichier :

- pour Mac, faire contrôle + clic, et choisir « Télécharger le fichier lié .. »

- pour PC, faire un clic droit, et choisir « Enregistrer le lien sur votre disque dur, ou quelque chose d’approchant .. »

Télécharger sur DL.free :

- Réseaux Free : Cliquez seulement sur le lien, une nouvelle fenêtre vide s’ouvre et le téléchargement commence ..

- Autres réseaux : Cliquez seulement sur le lien, une nouvelle fenêtre s’ouvre et cliquez sur le lien ( voir l’image .. ).
, comme vous pouvez le voir ci-dessous, en archive zip : emb_mp3.html (version-161015) :

Titre : 130714-Rencontre-debat-CIP-Avignon-Off-2.mp3
Description : Rencontre-débat en Avignon organisée par la CIP avec la participation de plusieurs organisations du Comité de Suivi

 Télécharger le fichier : Titre : 130714-Rencontre-debat-CIP-Avignon-Off-2.mp3 - MP3 -
 

A noter, que normalement le poids du fichier distant s’affiche automatiquement à la suite du lien de téléchargement téléchargement Télécharger un fichier :

- pour Mac, faire contrôle + clic, et choisir « Télécharger le fichier lié .. »

- pour PC, faire un clic droit, et choisir « Enregistrer le lien sur votre disque dur, ou quelque chose d’approchant .. »
, il reconnaît aussi l’extension, dans le cas ci-dessus (mp3 - 149,76 Mo), .. mais chez free ce n’est pas possible (une limite parmi tant d’autres ..).


Le poids s’affiche par contre chez free, quand le fichier son est dans le site comme ci-dessous :

100503-francecultur-grevchomeur-paris

 Télécharger le fichier : 100503-francecultur-grevchomeur-paris - MP3 - 1.7 Mo
 

- Exemples 02 avec le lecteur Video-Accessible pour la vidéo, une bande 4/3 (paramétrée en modifiant l’objet vidéo -> 480 x 360 et avec une vignette) :

V’la la grippe A !
Les Sales Mômes - V’là la grippe A ! ( flv - 20,68 Mo )

- Source : Youtube - V’là la grippe A !
Par Les Sales Mômes
( D’après « voilà le choléra » de Louise Michel, repris par Aristide Bruant et Marc Ogeret ... ), lire les paroles sur le site.

- Exemples 03 avec le lecteur Video-Accessible, une bande vidéo 16/9 (paramétrée 512 x 288 et vignette) :

100421-LobjetDuScandale-Sarko2-Sinvit-0h08.flv
L’objet du scandale sur Sarko2 - Les Intermittents et Précaires s’invitent sur le plateau ( flv - 22,10 Mo - 8mn12 )

Articles connexes sur ce sujet vidéo :
- <— Vidéo : Un collectif de chômeurs s’initient sur le plateau de « L’objet du Scandale » diffusé sur Sarko 2
- —> Acrimed Acrimed Acrimed ( Observatoire des Médias - Action-Critique-Médias ) :

- Syndication
 : « L’Objet du scandale » (Guillaume Durand, France 2) recherche des moutons - Publé le 15 avril 2010
- —> Acrimed Acrimed Acrimed ( Observatoire des Médias - Action-Critique-Médias ) :

- Syndication
 : Un autre « objet de scandale » : la boîte de prod’ de l’émission de Guillaume Durand - Publié le 24 avril 2010 - ( Le témoignage d’un précaire de la production - Faits et méfaits divers )

- —> CIP-IdF CIP-IdF
CIP
CIP-IdF ( Coordination des Intermittents et Précaires d’Ile-de-France ) :

- 3 rue d’Aligre - 75012 - Paris.
 : Pourquoi une grève des chômeurs et précaires ? Collectif du 3 mai, Rennes - On en a marre de payer la « crise » ! - Publié le 23 avril 2010

Retour au sommaire

Articles connexes sur SPIP  :

- Lecteur Multimedia pour télécharger télécharger Télécharger un fichier :

- pour Mac, faire contrôle + clic, et choisir « Télécharger le fichier lié .. »

- pour PC, faire un clic droit, et choisir « Enregistrer le lien sur votre disque dur, ou quelque chose d’approchant .. »

Télécharger sur DL.free :

- Réseaux Free : Cliquez seulement sur le lien, une nouvelle fenêtre vide s’ouvre et le téléchargement commence ..

- Autres réseaux : Cliquez seulement sur le lien, une nouvelle fenêtre s’ouvre et cliquez sur le lien ( voir l’image .. ).
la version 0.77.1 et la version pour Spip 3 (lecteur_multimedia-2).

- lecteur_multimédia-2.

- Video-Accessible.

- <— Spip : Dimensionnement d’une image ..


Retour au sommaire - / - Retour à DocPlayer-Version110206



info portfolio - Document téléchargeable téléchargeable
téléchargeables
Télécharger un fichier :

- pour Mac, faire contrôle + clic, et choisir « Télécharger le fichier lié .. »

- pour PC, faire un clic droit, et choisir « Enregistrer le lien sur votre disque dur, ou quelque chose d’approchant .. »
quand l'image est ouverte ...

Diaporama manuel : Vous pouvez vous déplacer de photo à photo quand l'une d'elle est ouverte avec les flèches du clavier ( Gauche ou Haut pour précédante .. - Droite ou Bas pour photo suivante .. ). Cliquez sur la croix en bas à droite pour agrandir l'image au maximum. Pour fermer une image cliquer sur celle-ci. * JavaScript doit être activé sur votre navigateur


Vignette personnalisée : Première image du film - 100421-LobjetDuScandale-Sarko2-Sinvit-0h08.flv
Résultat si le navigateur n’a pas le module Flash installé.
  • Liste relative au Champ d’application de l’Annexe VIII mise à jour le 06/05/11


    Liste relative au Champ d’application de l’Annexe VIII Arrêté du 30 mars 2009 portant agrément de l’avenant n° 1 à l’annexe VIII au règlement général annexé à la convention du 18 janvier 2006 relative à l’aide au retour à l’emploi et à l’indemnisation du chômage mise à jour le 6 mai 2011 Vous trouverez ci-joint la liste des fonctions inscrite à l’annexe 8 pour lesquelles vous pouvez être engagé, et suivant la Nomenclature (...)

    Lire la suite ..

  • Déni de démocratie et laïcité en danger : le Traité de Lisbonne ratifié par l’Assemblée et le Sénat ..


    Déni de démocratie et laïcité en danger : le Traité de Lisbonne ratifié par l’Assemblée et le Sénat .. Déni de démocratie, forfaiture et incompétence face aux citoyens !?. Normalement, les parlementaires sont là pour représenter le peuple, non pour se substituer à lui. Et ce n’est pas à priori ce qui se pratique dans nos parlements en France, .. et ce n’est pas non plus la direction que prend l’Europe. Quelques exemples : (...)

    Lire la suite ..

  • Traité modificatif ou traité de Lisbonne, Traité dit simplifié ..


    Traité modificatif ou Traité de Lisbonne - Traité dit simplifié !.. Versions consolidées du traité sur l’Union européenne et du traité sur le fonctionnement de l’Union européenne au 30/03/2010 Bientôt les municipales et cantonales, et vous aspirez à devenir responsable de votre ville : « Vous savez que l’Union Européenne, au travers de ce traité, favorise les accords avec l’OMC. Donc si vous signez ou cautionnez celui-ci, (...)

    Lire la suite ..

  •  
    Retour en haut de page

     

    2007-2017 - AgC 3075 [Infos-Interm.]
    | SPIP | | |
    | Actualités | A la une | Audiovisuel | Documents | Rendez-vous en Régions | Société | Autres-actualités | Liens | ** Europe ** | - | Par thèmes | Plan du site | Glossaire |
    | Suivre la vie du site RSS 2.0 | Liens morts | info visites 136573 | Agenda | Mentions Légales |