{"version":"1.0","provider_name":"Pense b\u00eate d&#039;un d\u00e9veloppeur web","provider_url":"https:\/\/numa-bord.com\/miniblog","author_name":"Numa","author_url":"https:\/\/numa-bord.com\/miniblog\/author\/negonner\/","title":"Javascript : Mettre en place un lecteur audio avec \"AmplitudeJS\" - Pense b\u00eate d&#039;un d\u00e9veloppeur web","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"80besoWFLm\"><a href=\"https:\/\/numa-bord.com\/miniblog\/javascript-mettre-place-lecteur-audio-amplitudejs\/\">Javascript : Mettre en place un lecteur audio avec \u00ab\u00a0AmplitudeJS\u00a0\u00bb<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/numa-bord.com\/miniblog\/javascript-mettre-place-lecteur-audio-amplitudejs\/embed\/#?secret=80besoWFLm\" width=\"600\" height=\"338\" title=\"\u00ab\u00a0Javascript : Mettre en place un lecteur audio avec \u00ab\u00a0AmplitudeJS\u00a0\u00bb\u00a0\u00bb &#8212; Pense b\u00eate d&#039;un d\u00e9veloppeur web\" data-secret=\"80besoWFLm\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/numa-bord.com\/miniblog\/wp-includes\/js\/wp-embed.min.js\n\/* ]]> *\/\n<\/script>\n","description":"Aujourd&rsquo;hui nous allons d\u00e9couvrir AmplitudeJS qui permet de mettre en place sur vos page un lecteur audio flexible et compl\u00e8tement personnalisable. Comme on peux le voir sur leurs exemples avec un peu de travail on peux avoir des r\u00e9sultats tr\u00e8s sympas. Avant d&rsquo;en arriver la, je vous propose un exemple bien plus simple. Le r\u00e9sultat [&hellip;]","thumbnail_url":"https:\/\/numa-bord.com\/miniblog\/wp-content\/uploads\/2018\/01\/amplitude-player.jpg"}