Friday, November 18, 2011

Muziek of geluid afspelen op blogger

Blogger heeft zijn beperkingen. Je kan bijvoorbeeld geen bestanden uploaden op de ruimte die voorzien is voor je blog. Hierdoor kan je geen muziek of geluidsbestanden uploaden om die ter beschikking te stellen van de bezoekers van de blog. Op deze blog zie je nochtans dat we onze we onze bezoekers de kans geven van geluidjes af te spelen. Hoe doen we dit?

Stap 1: Je muziek uploaden naar Google Docs

Google bied enorm veel gratis aan. Dank u Google. :-) Zo heb je de mogelijkheid om bestanden te bewaren met Google Docs. Dit kunnen tekst documenten, spreadsheets, presentaties en zo verder zijn maar ook muziekbestanden. Voor muziek en geluid gebruiken wij liefst het MP3 formaat omdat MP3's zo klein zijn. Kleine bestanden laden ook sneller en dit is belangrijk want we willen absoluut vermijden dat een bezoeker te lang moet wachten alvorens de muziek begint te spelen. Als je nog geen gebruik maakt van Google Docs kan je je zeer eenvoudig aanmelden. Open je Google account en ga naar probeer eens iets nieuws en klik op meer. Of je logt je in met je Google account en zoekt vervolgens met de Google zoek machine naar Google Docs. Google Docs is zeer eenvoudig om te gebruiken. Zoek de knop om te uploaden en kies vervolgens bestand. Je hoeft nu enkel nog aan Google Docs te vertellen waar het bestand staat dat je wenst te uploaden. Hieronder zie je hoe dit er momenteel uitziet.
Stap 2: De Google MP3 speler gebruiken op je blog.

Google heeft ook een gratis MP3 speler die je kan gebruiken om muziek af te spelen op een website of blog. In blogger kan je die op de volgende manier gebruiken. Open een nieuwe bericht (post). Klik op “edit html” en voer de volgende code in:

<embed flashvars="audioUrl=X" height="27" quality="best" src="http://www.google.com/reader/ui/3523697345-audio-player.swf" type="application/x-shockwave-flash" width="400"></embed>
We moeten nu enkel de X nog vervangen door de locatie van het muziek of geluidsbestand dat we wensen af te spelen.

Stap 3: De bestandslocatie kopiƫren in Google Docs.

Ga naar Google Docs en open het bestand dat je wenst te gebruiken. In Google Docs kies je dat je je bestand wenst te delen met iedereen die een link heeft. Doe dit en kopieer vervolgens die link. Hieronder zie je zo een link:

https://docs.google.com/open?id=0B2m3UQtRBE5nOWM0YzBiMTItNDQ1Ny00N2IwLWExZGMtYjE5NzNmNDEzYWI1
Pas die link nu op de volgende manier aan. Vervang open door uc en voeg het volgende toe &amp;export=download&amp;hl=en_US

Hieronder zie je het resultaat.

https://docs.google.com/uc?id=0B2m3UQtRBE5nOWM0YzBiMTItNDQ1Ny00N2IwLWExZGMtYjE5NzNmNDEzYWI1&amp;export=download&amp;hl=en_US

Vervang nu de X in het blogger bericht door de locatie die we gemaakt hebben. Hieronder zie je opnieuw het resultaat.

<embed flashvars="audioUrl=https://docs.google.com/uc?id=0B2m3UQtRBE5nOWM0YzBiMTItNDQ1Ny00N2IwLWExZGMtYjE5NzNmNDEzYWI1&amp;export=download&amp;hl=en_US" height="27" quality="best" src="http://www.google.com/reader/ui/3523697345-audio-player.swf" type="application/x-shockwave-flash" width="400"></embed>


Als je nu je bericht (post) publiceert dan krijg je het volgende :



De bezoekers van je blog kunnen nu als ze wensen het muziekbestandje afspelen. Leuk toch?

Enkele opmerkingen:
- Google Docs heeft ook een aantal ingebouwde beveiligingen om misbruik tegen te gaan. Als iemand dus onwaarschijnlijk vaak en kort achter elkaar het bestand gaat beginnen afspelen dan wordt deze gebruiker tijdelijk "gebant" en kan hij het bestand een aantal uren niet meer afspelen.

- Een van de best bewaarde geheimen is de hoeveelheid informatie die je kan uploaden naar Google Docs. Op verschillende websites proberen ze dit te berekenen. Vaak zijn die berekeningen gebaseerd op speculaties maar tot op heden heeft Google nog niet vrijgegeven hoeveel MB je nu exact kan uploaden.

5 comments:

  1. Dankje! Het leek ingewikkelder dan het was!

    ReplyDelete
  2. Volgens mij heb ik alles goed gedaan, maar geen muziek.
    Heeft Google hier inmiddels een stokje voor gestoken ?

    ReplyDelete
  3. embed flashvars="audioUrl=https://docs.google.com/uc?id=0B2m3UQtRBE5nOWM0YzBiMTItNDQ1Ny00N2IwLWExZGMtYjE5NzNmNDEzYWI1&export=download&hl=en_US" height="27" quality="best" src="http://www.google.com/reader/ui/3523697345-audio-player.swf" type="application/x-shockwave-flash" width="400"></embed

    De opening en sluitingstag heb ik even weggehaald anders kun je de code hier niet zien.

    ReplyDelete
  4. Hallo Pauline,

    id=0B2m3UQtRBE5nOWM0YzBiMTItNDQ1Ny00N2IwLWExZGMtYjE5NzNmNDEzYWI1

    Dit is wel de id van het geluidje dat ik als voorbeeld gebruikte. Je moet natuurlijk wel je eigen id gebruiken. Die kan je via google docs bekomen.

    ReplyDelete