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> | ||