Instaudio, handige online opslag voor je audio!

Op mijn zoektocht naar plekken op internet waar je gratis en eenvoudig audiobestanden zou kunnen opslaan kwam ik terecht bij https://instaud.io/

"Instaudio lets you share your audio creations quickly. You can upload MP3, WAV and OGG files of up to 15MB."

Je kunt een account aanmaken, maar dat is niet eens nodig om snel en eenvoudig een bestand te uploaden. Zodra je dat gedaan hebt krijg je een pagina te zien met het afspeelbare bestand. Ik heb de "herkenningsmelodie" van Windows95 geupload en kreeg als url: https://instaud.io/3d5o

UPDATE:
Al heel snel ontving ik via Twitter een reactie van @Instaudio:

"Het embedden op paginas is niet echt de bedoeling, en werkt na een tijdje niet. Het geluidbestand wordt namelijk elders overgezet na een tijd, en dan werkt je embed niet meer. Plus, embedden kost Instaud.io ook hosting kosten zonder dat er iemand op de site komt."

Wat hieronder verder beschreven wordt werkt dus wel, maar slechts voor een paar weken én het is helaas ook niet de bedoeling. Je maakt op deze manier gebruik van server capaciteit van Instaudio terwijl daar niets tegenover staat....

Door even naar de broncode te kijken zag ik dat de directe url naar het bestand zelf er zo uitziet: https://instaud.io/_/3d5o.mp3

Het verschil is een underscore, een slash en de extensie! Met die wetenschap is het dus heel simpel om een extern bestand te embedden in je Google Site door de volgende code te gebruiken:
<audio controls src="https://instaud.io/_/3d5o.mp3"></audio> met dit als resultaat:

Instaudio bestaat al een aantal jaren en is het project van één persoon die dit ooit als alternatief voor Dropbox heeft opgezet. Er is dan ook geen enkele garantie dat de website "voor eeuwig" in de lucht blijft, maar voor niet echt kritische bestanden is dit dus echt een heel mooie en simpele optie. In feite biedt deze site precies de functionaliteit waar ik al een hele tijd naar op zoek ben!

In plaats van het HTML <audio controls> atribuut te gebruiken kan je audio ook met wat JavaScript code afspelen. Probeer de knoppen hieronder maar eens:



De code die ik hiervoor gebruikt heb ziet er zo uit:

<audio id="1" src="https://instaud.io/_/3djB.mp3"></audio>

<button onclick="document.getElementById('1').play()">Deze pagina beluisteren</button> 

<button onclick="document.getElementById('1').pause()">Pauzeren</button> 

<button onclick="document.getElementById('1').pause(); 

document.getElementById('1').currentTime = 0;">Stoppen</button>

Meer heb je niet nodig om audio zo af te spelen op een webpagina!

Overigens werkt dit ook op Google Sites!!!!