changement podlove Fred

This commit is contained in:
root 2021-09-09 15:47:05 +02:00
parent 94179efbb2
commit 5f2a4684ff
7 changed files with 265 additions and 1 deletions

View File

@ -45,7 +45,30 @@
podlovePlayer('#podlove', '(#URL_PAGE{podlove_json}|parametre_url{id_article,#ID_ARTICLE,&})');
</script>
]<!-- / Zone Podlove -->
<!-- Zone javascript désactivé Fred -->
<noscript>
<div style="text-align: center; font-weight: 900;
background-color: white; padding: 0 0.5em 0.1em 1rem; border: 0.25em solid #f7651a;
color: #005184; margin-top: 1em; max-width: 500px; margin: 1em auto; -webkit-border-radius: 10px;
-moz-border-radius: 10px; border-radius: 10px;" >
<p style="text-align:center"><strong>R&eacute;&eacute;couter l'&eacute;mission</strong></p>
<audio
controls>
<source src="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#PODCAST_CODE)]/libre-a-vous-[(#PODCAST_CODE)].ogg" type="audio/ogg" />
<source src="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#PODCAST_CODE)]/libre-a-vous-[(#PODCAST_CODE)].mp3" type="audio/mpeg" />
Votre navigateur ne supporte pas l'élément <code>audio</code> : <a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#PODCAST_CODE)]/libre-a-vous-[(#PODCAST_CODE)].ogg">écoutez l'émission</a> (format OGG) ou <a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#PODCAST_CODE)]/libre-a-vous-[(#PODCAST_CODE)].mp3">format MP3</a>.
</audio>
<p>
Vous avez désactivé Javascript
</p>
<p>Si vous le réactiver vous aurez accès à un lecteur audio avec des fonctionnalités supplémentaires (gestion des chapitres et de la vitesse de lecture par exemple).
</p>
</div>
</noscript>
<!-- Fin Zone javascript désactivé -->
</div>
<ul class="telecharger">
<li><a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#PODCAST_CODE)]/libre-a-vous-[(#PODCAST_CODE)].ogg" class="btn blanc ogg podcast" title="[(#PODCAST_OGG|taille_en_octets)]"><small><:libreavous:emission_integrale:></small><br /><:libreavous:podcast:> <:libreavous:ogg:></a></li>
<li><a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#PODCAST_CODE)]/libre-a-vous-[(#PODCAST_CODE)].mp3" class="btn blanc mp3 podcast" title="[(#PODCAST_MP3|taille_en_octets)]"><small><:libreavous:emission_integrale:></small><br /><:libreavous:podcast:> <:libreavous:mp3:></a></li>

View File

@ -0,0 +1,144 @@
<BOUCLE_principale(ARTICLES){id_article}>
<article>
<header class="cartouche">
<p class="article__infos">
<span class="num_emission #EDIT{surtitre}">#[(#SURTITRE)]</span>
[<span class="article__date">Émission du [(#DATE|jour)/][(#DATE|mois)/](#DATE|annee)</span>]
</p>
<h1><span class="#EDIT{titre} article__titre">[(#TITRE|libreavous_supp_numero)]</span>[
<small class="#EDIT{soustitre} soustitre">(#SOUSTITRE)</small>
]</h1>
[(#PODCAST_CODE|oui)
#FORMULAIRE_JAIME_JAIMEPAS
]
<div class="postmeta">
#MODELE{article_traductions}
<BOUCLE_groupes(GROUPES_MOTS){par titre}>
<B_tags>
<p class="mots">
<strong>#TITRE : </strong><BOUCLE_tags(MOTS){id_article}{id_groupe}{', '}>
<a href="#URL_MOT">#TITRE</a>
</BOUCLE_tags>
</p>
</B_tags>
</BOUCLE_groupes>
</div>
</header>
<div class="main">
<div class="fb">[(#PODCAST_CODE|oui)
<div class="lecteur">
<div class="podlove_wrapper">
<!-- Zone Podlove -->
[<div id="podlove">
</div>
<script>
podlovePlayer('#podlove', '(#URL_PAGE{podlove_json}|parametre_url{id_article,#ID_ARTICLE,&})');
</script>
]<!-- / Zone Podlove -->
</div>
<ul class="telecharger">
<li><a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#PODCAST_CODE)]/libre-a-vous-[(#PODCAST_CODE)].ogg" class="btn blanc ogg podcast" title="[(#PODCAST_OGG|taille_en_octets)]"><small><:libreavous:emission_integrale:></small><br /><:libreavous:podcast:> <:libreavous:ogg:></a></li>
<li><a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#PODCAST_CODE)]/libre-a-vous-[(#PODCAST_CODE)].mp3" class="btn blanc mp3 podcast" title="[(#PODCAST_MP3|taille_en_octets)]"><small><:libreavous:emission_integrale:></small><br /><:libreavous:podcast:> <:libreavous:mp3:></a></li>
</ul>
</div>
]
[<div class="emission-sommaire #EDIT{podcast_sommaire}">(#PODCAST_SOMMAIRE|propre)</div>]
<BOUCLE_sl(CHAPITRES){id_article}{type_sujet=SL}>#SET{chapitres,oui}[(#REFERENCES_SUJET|oui)#SET{references,oui}]
<div class="sujet_principal">
<h2><:libreavous:sujet_principal:></h2>
<INCLURE{fond=inclure/chapitre,env,id_chapitre,h=3,telecharger=oui} />
</div>
</BOUCLE_sl><B_autres>#SET{chapitres,oui}
<div class="sujet_autre">
<h2><:libreavous:et_aussi:></h2>
<div>
<BOUCLE_autres(CHAPITRES){id_article}{type_sujet!=SL}>[(#REFERENCES_SUJET|oui)#SET{references,oui}]
<INCLURE{fond=inclure/chapitre,env,id_chapitre,h=3,telecharger=oui} />
</BOUCLE_autres>
</div>
</div>
</B_autres>
[(#GET{chapitres}|!={oui}|oui)
[<div class="emission-programme #EDIT{chapo}">(#CHAPO)</div>]
]
</div>
#SET{thumbs,'data-original-title'}
<B_photos>
<div class="fl">
<h2 id="galeriephotos">
<:libreavous:photos_de_l_emission:>
[<a href="(#PODCAST_GALERIEPHOTOS)" class="galeriephotos"><:libreavous:galerie_april:></a>]
</h2>
<div class="flex flex3 #EDIT{podcast_galeriephotos}">
<BOUCLE_photos(DATA){source file, #PODCAST_GALERIEPHOTOS}{valeur == #GET{thumbs}}{0,3}>
<figure class="photoapril">#VALEUR</figure>
</BOUCLE_photos>
</div>
</div>
</B_photos>
<div class="fb detail_emission">
<p>[(#PODCAST_PERSONNES|oui)<a href="#personnesparticipantes" class="btn taille70 blanc"><:libreavous:personnes_participantes:></a>]
[(#PODCAST_REFERENCES|ou{#GET{references}|=={oui}}|oui)<a href="#references" class="btn taille70 blanc"><:libreavous:references:></a>]
[(#PODCAST_TRANSCRIPTION|oui)<a href="#transcription" class="btn taille70 blanc"><:libreavous:transcription:></a>]
[(#PODCAST_MUSIQUE|oui)<a href="#pausesmusicales" class="btn taille70 blanc"><:libreavous:pauses_musicales:></a>]
[(#CONFIG{libreavous/licence}|oui)<a href="#licence" class="btn taille70 blanc"><:libreavous:licence:></a>]
</p>
[<div class="texte #EDIT{texte}">(#TEXTE)</div>]
[<h2 id="personnesparticipantes">Personnes participantes</h2>
<div class="#EDIT{podcast_personnes}">(#PODCAST_PERSONNES|propre)</div>]
[(#PODCAST_REFERENCES|ou{#GET{references}|=={oui}}|oui)<h2 id="references">Références</h2>]
[<div class="emission-references texte #EDIT{texte}">(#PODCAST_REFERENCES|propre)</div>]
<B_chapitres_references_chroniques>
<div class="references texte">
<BOUCLE_chapitres_references_chroniques(CHAPITRES){id_article}>
[<h3>#TITRE</h3>
(#REFERENCES_SUJET|propre)]
</BOUCLE_chapitres_references_chroniques>
</div>
</B_chapitres_references_chroniques>
[<h2 id="transcription">Transcription</h2> <p><a href="#PODCAST_TRANSCRIPTION" class="#EDIT{podcast_transcription}">(#PODCAST_TRANSCRIPTION)</a></p>]
[<h2 id="pausesmusicales"><:libreavous:pauses_musicales:></h2>
<div class="#EDIT{podcast_musique}">(#PODCAST_MUSIQUE|propre)</div>]
[<div class="licence" id="licence">(#CONFIG{libreavous/licence}|propre)</div>]
</div>
</div>
[<aside>
(#INCLURE{fond=inclure/documents,id_article})
</aside>]
<footer>
[<p class="#EDIT{hyperlien} article__hyperlien"><:voir_en_ligne:/> : <a href="(#URL_SITE)" class="spip_out">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]
[<div class="article__notes">(#NOTES)</div>]
</footer>
</article>
</BOUCLE_principale>

View File

@ -26,5 +26,5 @@
[<link rel="alternate" type="application/rss+xml" title="<:syndiquer_site:/>" href="(#URL_PAGE{backend}|url_absolue)" />]
<!-- Script Podlove -->
[<script src="(#CHEMIN{javascript/podlove/embed.js})"></script>]
[<script src="/sites/node_modules/@podlove/podlove-web-player/dist/embed.js"></script>]
<!-- / Script Podlove -->

View File

@ -0,0 +1,30 @@
[(#REM)
Head standard de toutes les pages ; les elements specifiques
(title, description) figurent dans le squelette article.html
]
<meta name="generator" content="SPIP[ (#SPIP_VERSION)]" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
#INSERT_HEAD_CSS
#INSERT_HEAD
[<link rel="stylesheet" href="(#CSS{css/spip.css})" type="text/css" />]
[<link rel="stylesheet" href="(#CSS{css/media.css})" type="text/css" />]
[(#REM) Thème SCSS du plugin ]
[<link rel="stylesheet" href="(#CSS{scss/baz_fonts.css})" type="text/css" />]
[<link rel="stylesheet" href="(#CSS{scss/theme.css})" type="text/css" />]
[<link rel="stylesheet" href="(#CSS{css/perso.css})" type="text/css" />]
[(#REM) scripts génériques ]
[<script type="text/javascript" src="(#CHEMIN{javascript/script.js}|timestamp)"></script>]
[<script type="text/javascript" src="(#CHEMIN{javascript/perso.js}|timestamp)"></script>]
[(#REM) flux RSS ]
[<link rel="alternate" type="application/rss+xml" title="<:syndiquer_site:/>" href="(#URL_PAGE{backend}|url_absolue)" />]
<!-- Script Podlove -->
[<script src="(#CHEMIN{javascript/podlove/embed.js})"></script>]
<!-- / Script Podlove -->

File diff suppressed because one or more lines are too long

View File

@ -8,6 +8,7 @@
"link": "#URL_SITE_SPIP"
},
"reference": {
"base": "/sites/node_modules/@podlove/podlove-web-player/dist",
"config": "[(#URL_PAGE{podlove_json}|parametre_url{id_article,#ID_ARTICLE,&})]"
},
"theme": {

View File

@ -0,0 +1,64 @@
<BOUCLE_principale(ARTICLES) {id_article}>
{
"show": {
"title": "[(#NOM_SITE_SPIP|textebrut|escape_json)]",
["subtitle": "(#SLOGAN_SITE_SPIP|textebrut|escape_json)",]
"summary": "[(#DESCRIPTIF_SITE_SPIP|textebrut|escape_json)]",
"poster": "#URL_SITE_SPIP/[(#LOGO_SITE_SPIP|extraire_attribut{src})]",
"link": "#URL_SITE_SPIP"
},
"reference": {
"config": "[(#URL_PAGE{podlove_json}|parametre_url{id_article,#ID_ARTICLE,&})]"
},
"theme": {
"main":"#edf1f5",
"highlight":"#005184"
},
"visibleComponents": [
"controlChapters",
"controlSteppers",
"episodeTitle",
"poster",
"progressbar",
"showTitle",
"subtitle",
"tabAudio",
"tabChapters",
"tabFiles",
"tabInfo",
[(#REM)"tabShare",]
"tabTranscripts"
],
"title": "#[(#SURTITRE)] - [(#TITRE|mes_supp_numero|decode_html|textebrut|escape_json)]",
"subtitle": "Émission du [(#DATE|nom_jour)] [(#DATE|affdate)]",
"summary": "[(#DESCRIPTIF|textebrut|escape_json)]",
"publicationDate": "[(#DATE|date_iso)]",
"poster": "#URL_SITE_SPIP/[(#LOGO_ARTICLE_RUBRIQUE|extraire_attribut{src})]",
"link": "#URL_SITE_SPIP/#URL_ARTICLE",
"duration":"#PODCAST_DUREE",
"audio": [
{
"url": "https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/#PODCAST_CODE/libre-a-vous-#PODCAST_CODE.ogg",
"size": "#PODCAST_OGG",
"title": "Ogg Vorbis Audio (oga)",
"mimeType": "audio/ogg"
},
{
"url": "https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/#PODCAST_CODE/libre-a-vous-#PODCAST_CODE.mp3",
"size":"#PODCAST_MP3",
"title":"MP3 Audio (mp3)"
,"mimeType":"audio/mpeg"
}
],
"chapters": [
<BOUCLE_chapitres(CHAPITRES){id_article}>
{
"start": "[(#DEBUT)]" ,
"title": "[(#TITRE|decode_html|textebrut|escape_json)]"
}[(#COMPTEUR_BOUCLE|<{#TOTAL_BOUCLE}|?{',',''})]
</BOUCLE_chapitres>
]
}
</BOUCLE_principale>