This shows you the differences between two versions of the page.
Both sides previous revision Previous revision | |||
hydrophonic_recordings [2020/06/12 08:56] julien [july 2007 - Correze & Creuse / France] |
hydrophonic_recordings [2024/11/01 11:20] (current) julienottavi |
||
---|---|---|---|
Line 7: | Line 7: | ||
{{mic_hydro.jpg|}} | {{mic_hydro.jpg|}} | ||
+ | |||
+ | |||
+ | |||
+ | <html> | ||
+ | <div id="app"></div> | ||
+ | <script src="https://unpkg.com/webamp"></script> | ||
+ | <script> | ||
+ | const Webamp = window.Webamp; | ||
+ | const webamp = new Webamp({ | ||
+ | | ||
+ | initialTracks: [ | ||
+ | { | ||
+ | metaData: { | ||
+ | artist: "Solar Return", | ||
+ | title: "Recordings of Plantons and Fishes - Mediterranean Sea - 2016", | ||
+ | }, | ||
+ | // NOTE: Your audio file must be served from the same domain as your HTML | ||
+ | // file, or served with permissive CORS HTTP headers: | ||
+ | // https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS | ||
+ | url: "https://archive.org/download/planctonfishmideteraneeEte2016/planctonfishmideteraneeEte2016.mp3", | ||
+ | }, | ||
+ | { | ||
+ | metaData: { | ||
+ | artist: "Solar Return", | ||
+ | title: "Pond insects frostrup denmark 07/2015", | ||
+ | }, | ||
+ | // NOTE: Your audio file must be served from the same domain as your HTML | ||
+ | // file, or served with permissive CORS HTTP headers: | ||
+ | // https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS | ||
+ | url: "https://archive.org/download/pond_insects_frostrup_07_15/pond_insects_frostrup_07_15.mp3", | ||
+ | }, | ||
+ | |||
+ | ], | ||
+ | }); | ||
+ | // Returns a promise indicating when it's done loading. | ||
+ | webamp.renderWhenReady(document.getElementById("app")); | ||
+ | | ||
+ | </script> | ||
+ | </html> | ||