Lecteur audio simple<\/title>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/amplitudejs@5.3.2\/dist\/amplitude.min.js\"><\/script>\n <style>\n body {\n font-family: system-ui, sans-serif;\n padding: 40px;\n background: #fff;\n }\n\n .player {\n max-width: 600px;\n margin: auto;\n padding: 20px;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n border: 1px solid #eee;\n }\n\n .meta {\n display: flex;\n align-items: center;\n gap: 16px;\n }\n\n .meta img {\n width: 48px;\n height: 48px;\n }\n\n .meta h1 {\n font-size: 20px;\n margin: 0;\n color: #2e004e;\n }\n\n .meta p {\n margin: 4px 0 0 0;\n font-size: 14px;\n color: #555;\n }\n\n .progress {\n display: flex;\n align-items: center;\n margin-top: 16px;\n }\n\n .progress time {\n font-size: 14px;\n color: #333;\n width: 48px;\n text-align: center;\n }\n\n .amplitude-progress-container {\n flex-grow: 1;\n height: 6px;\n background: #eee;\n border-radius: 3px;\n margin: 0 8px;\n cursor: pointer;\n }\n\n .amplitude-progress-bar {\n height: 6px;\n background: #2e004e;\n border-radius: 3px;\n }\n\n .controls {\n display: flex;\n justify-content: center;\n gap: 16px;\n margin-top: 20px;\n }\n\n .controls button {\n background: #2e004e;\n color: #fff;\n border: none;\n border-radius: 999px;\n padding: 10px 14px;\n font-size: 16px;\n cursor: pointer;\n }\n\n .controls button:hover {\n background: #4e0072;\n }\n\n .amplitude-play-pause::before {\n content: \"\u25b6\";\n }\n\n .amplitude-playing .amplitude-play-pause::before {\n content: \"\u275a\u275a\";\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"player\">\n <div class=\"meta\">\n <img decoding=\"async\" src=\"https:\/\/sons.elson.media\/wp-content\/uploads\/2025\/07\/LOGO-ELSON-maj-2025.png\" alt=\"Logo Elson\" \/>\n <div>\n <h1>Cours audio : C’est quoi un podcast ?<\/h1>\n <p>De l’\u00e9coute \u00e0 la cr\u00e9ation de podcast<\/p>\n <\/div>\n <\/div>\n\n <div class=\"progress\">\n <time class=\"amplitude-current-time\">00:00<\/time>\n <div class=\"amplitude-progress-container\">\n <div class=\"amplitude-progress-bar\"><\/div>\n <\/div>\n <time class=\"amplitude-duration-time\">00:00<\/time>\n <\/div>\n\n <div class=\"controls\">\n <button class=\"amplitude-rewind\">\u00ab15<\/button>\n <button class=\"amplitude-play-pause\"><\/button>\n <button class=\"amplitude-forward\">15\u00bb<\/button>\n <\/div>\n <\/div>\n\n <script>\n Amplitude.init({\n songs: [\n {\n name: \"Cours audio\",\n artist: \"Elson\",\n url: \"https:\/\/test.elson.media\/wp-content\/uploads\/2025\/07\/echantillon-1-cours-genres-radiophoniques.mp3\",\n }\n ]\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lecteur audio simple Cours audio : C’est quoi un podcast ? De l’\u00e9coute \u00e0 la cr\u00e9ation de podcast 00:00 00:00 \u00ab15 15\u00bb<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-53","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sons.elson.media\/index.php\/wp-json\/wp\/v2\/pages\/53","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sons.elson.media\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sons.elson.media\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sons.elson.media\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sons.elson.media\/index.php\/wp-json\/wp\/v2\/comments?post=53"}],"version-history":[{"count":10,"href":"https:\/\/sons.elson.media\/index.php\/wp-json\/wp\/v2\/pages\/53\/revisions"}],"predecessor-version":[{"id":67,"href":"https:\/\/sons.elson.media\/index.php\/wp-json\/wp\/v2\/pages\/53\/revisions\/67"}],"wp:attachment":[{"href":"https:\/\/sons.elson.media\/index.php\/wp-json\/wp\/v2\/media?parent=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":53,"date":"2025-07-29T15:28:48","date_gmt":"2025-07-29T15:28:48","guid":{"rendered":"https:\/\/sons.elson.media\/?page_id=53"},"modified":"2025-07-29T16:22:39","modified_gmt":"2025-07-29T16:22:39","slug":"test-playeur-2","status":"publish","type":"page","link":"https:\/\/sons.elson.media\/index.php\/test-playeur-2\/","title":{"rendered":"test playeur 2"},"content":{"rendered":"\n\n\n\n \n Lecteur audio simple<\/title>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/amplitudejs@5.3.2\/dist\/amplitude.min.js\"><\/script>\n <style>\n body {\n font-family: system-ui, sans-serif;\n padding: 40px;\n background: #fff;\n }\n\n .player {\n max-width: 600px;\n margin: auto;\n padding: 20px;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n border: 1px solid #eee;\n }\n\n .meta {\n display: flex;\n align-items: center;\n gap: 16px;\n }\n\n .meta img {\n width: 48px;\n height: 48px;\n }\n\n .meta h1 {\n font-size: 20px;\n margin: 0;\n color: #2e004e;\n }\n\n .meta p {\n margin: 4px 0 0 0;\n font-size: 14px;\n color: #555;\n }\n\n .progress {\n display: flex;\n align-items: center;\n margin-top: 16px;\n }\n\n .progress time {\n font-size: 14px;\n color: #333;\n width: 48px;\n text-align: center;\n }\n\n .amplitude-progress-container {\n flex-grow: 1;\n height: 6px;\n background: #eee;\n border-radius: 3px;\n margin: 0 8px;\n cursor: pointer;\n }\n\n .amplitude-progress-bar {\n height: 6px;\n background: #2e004e;\n border-radius: 3px;\n }\n\n .controls {\n display: flex;\n justify-content: center;\n gap: 16px;\n margin-top: 20px;\n }\n\n .controls button {\n background: #2e004e;\n color: #fff;\n border: none;\n border-radius: 999px;\n padding: 10px 14px;\n font-size: 16px;\n cursor: pointer;\n }\n\n .controls button:hover {\n background: #4e0072;\n }\n\n .amplitude-play-pause::before {\n content: \"\u25b6\";\n }\n\n .amplitude-playing .amplitude-play-pause::before {\n content: \"\u275a\u275a\";\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"player\">\n <div class=\"meta\">\n <img decoding=\"async\" src=\"https:\/\/sons.elson.media\/wp-content\/uploads\/2025\/07\/LOGO-ELSON-maj-2025.png\" alt=\"Logo Elson\" \/>\n <div>\n <h1>Cours audio : C’est quoi un podcast ?<\/h1>\n <p>De l’\u00e9coute \u00e0 la cr\u00e9ation de podcast<\/p>\n <\/div>\n <\/div>\n\n <div class=\"progress\">\n <time class=\"amplitude-current-time\">00:00<\/time>\n <div class=\"amplitude-progress-container\">\n <div class=\"amplitude-progress-bar\"><\/div>\n <\/div>\n <time class=\"amplitude-duration-time\">00:00<\/time>\n <\/div>\n\n <div class=\"controls\">\n <button class=\"amplitude-rewind\">\u00ab15<\/button>\n <button class=\"amplitude-play-pause\"><\/button>\n <button class=\"amplitude-forward\">15\u00bb<\/button>\n <\/div>\n <\/div>\n\n <script>\n Amplitude.init({\n songs: [\n {\n name: \"Cours audio\",\n artist: \"Elson\",\n url: \"https:\/\/test.elson.media\/wp-content\/uploads\/2025\/07\/echantillon-1-cours-genres-radiophoniques.mp3\",\n }\n ]\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lecteur audio simple Cours audio : C’est quoi un podcast ? De l’\u00e9coute \u00e0 la cr\u00e9ation de podcast 00:00 00:00 \u00ab15 15\u00bb<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-53","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sons.elson.media\/index.php\/wp-json\/wp\/v2\/pages\/53","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sons.elson.media\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sons.elson.media\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sons.elson.media\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sons.elson.media\/index.php\/wp-json\/wp\/v2\/comments?post=53"}],"version-history":[{"count":10,"href":"https:\/\/sons.elson.media\/index.php\/wp-json\/wp\/v2\/pages\/53\/revisions"}],"predecessor-version":[{"id":67,"href":"https:\/\/sons.elson.media\/index.php\/wp-json\/wp\/v2\/pages\/53\/revisions\/67"}],"wp:attachment":[{"href":"https:\/\/sons.elson.media\/index.php\/wp-json\/wp\/v2\/media?parent=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}