tag:blogger.com,1999:blog-3129665016687033102024-03-10T18:49:42.525+01:00Trendmatcher tussen ICT en Onderwijs ™Als trendmatcher legde ik verbanden tussen trends die ik tegenkwam op internet en hun mogelijk gebruik in het onderwijs.Willem Karssenberghttp://www.blogger.com/profile/10925999475847184830noreply@blogger.comBlogger3125tag:blogger.com,1999:blog-312966501668703310.post-79393174286244336712012-10-21T17:26:00.000+02:002012-10-21T17:47:38.456+02:00Geluidsbestanden embedden<div class="separator" style="clear: both; text-align: center;"><a href="http://www.trendmatcher.nl/p/audio.html" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;" title="Klik hier voor de codegenerator"><img border="0" height="244" src="http://3.bp.blogspot.com/-7SG9bp5t9Gg/UIQN68pPMyI/AAAAAAAAFts/v3e0u_L3iuk/s320/audioplayer.jpg" width="320" alt="Klik hier voor de codegenerator" /></a></div>Je hebt een geluidsbestand en dat wil je graag embedden op je website of weblog, maar hoe doe je dat? Bij Wordpress is het heel simpel. Je gebruikt gewoon de vierkante haakjes met de audio tag, bijvoorbeeld zo:<br />
[audio http://easy2do.nl/audio/test1.m4a]<br />
Blogger ondersteunt ook de HTML5 audio tag, maar Blogger werkt niet met de vierkante haakjes shortcode.<br />
Om het je makkelijk te maken stel ik nu een <a href="http://www.trendmatcher.nl/p/audio.html">formulier</a> beschikbaar waar je alleen maar de url naar het geluidsbestand hoeft in te voeren.<br />
Klik op: Genereer de code en je krijgt kant-en-klare code die je zo in je bericht kunt plakken. Als je wilt kun je zelfs nog even testen of het werkt.<br />
Dit werkt met mp3, m4a, ogg en zelfs wav bestanden.<br />
<a name='more'></a><br />
<b>Waar sla je geluidsbestanden op?</b><br />
<ol><li>Het makkelijkst is natuurlijk als je een eigen server hebt waarnaartoe je de bestanden kunt uploaden.</li>
<li>Heb je een Dropbox account met een public directory zodat je bestanden met een directe url kunt benaderen, dan kun je geluidsbestanden ook daar neerzetten.</li>
<li>Tenslotte kun je een Google Site inrichten met een bestanden pagina en je geluidsbestanden daar neerzetten. Op een Google site mag je 100 MB neerzetten. Dat lijkt veel, maar als je de smaak te pakken krijgt is dat zo gevuld. Hier zie je <a href="https://sites.google.com/site/trendmatcher/bestanden-1" target="_blank">een voorbeeld</a> van zo'n Google Site met geluidsbestanden.</li>
</ol>Er zit één addertje onder het gras. Van Google Sites kun je alleen downloaden, tenminste, dat lijkt zo. Als je van de aangeboden url de laatste tekens weghaalt heb je echter een directe link naar het geluidsbestand. De downloadlink van een bestand bij Google Site ziet er bijvoorbeeld zo uit:<br />
<div>https://sites.google.com/site/trendmatcher/bestanden-1/test1.m4a?attredirects=0&d=1</div><div>De directe link wordt dan: https://sites.google.com/site/trendmatcher/bestanden-1/test1.m4a </div><div>dus zonder ?attredirects=0&d=1</div><div><br />
</div><div><b>Werkt dat embedden altijd?</b></div><div>Ja en nee. Zo is het erg afhankelijk van de browser die je gebruikt. Chrome werkt prima en Internet Explorer doet het ook met alle varianten van extensies, maar bijvoorbeeld Firefox kan alleen maar overweg met .ogg bestanden. Laat dat nu juist weer de enige extensie zijn die iPhone en iPad niet lusten!</div><div>Wat je ook kiest, je doet het dus nooit goed voor iedereen. Als ik kijk naar mijn statistieken zijn er meer mensen die mijn site bezoeken met een iPad dan met Firefox als browser. Die groep ga ik dus teleurstellen want ik zal in principe kiezen voor de extensie .m4a of .mp3</div>ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com1tag:blogger.com,1999:blog-312966501668703310.post-80602255041452743572012-10-21T12:12:00.000+02:002012-10-21T12:12:30.889+02:00Reageren via SpeakPipe<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-UApJwdQzlZ0/UIPJ694ZGmI/AAAAAAAAFsc/IlHHc-j5PtA/s1600/speakpipe.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="291" src="http://1.bp.blogspot.com/-UApJwdQzlZ0/UIPJ694ZGmI/AAAAAAAAFsc/IlHHc-j5PtA/s320/speakpipe.jpg" width="320" /></a></div>
als je mijn weblog wel eens bezoekt is je misschien een nieuwe knop opgevallen rechtsboven. Als je daar op klikt krijg je de mogelijkheid om een audiobericht in te spreken. Laat je daarbij een e-mail adres achter, dan kan ik ook reageren en je een persoonlijk antwoord geven. Deze gratis service wordt geboden door <a href="http://www.speakpipe.com/" target="_blank">SpeakPipe</a>. Zet je zo'n knop in je leeromgeving dan kunnen je leerlingen dus ook zo reageren! De berichten zijn te downloaden als MP3 bestand.<br />
<br />
Wat me opvalt is dat dat deze mogelijkheid de laatste tijd steeds meer gebruikt wordt, al weet ik niet altijd wat ik met de opmerkingen moet.<br />
<br />
Hier twee kleine voorbeelden:<br />
Wil je iets meer over iPhoto vertellen?<br />
<audio controls="controls"><source src="http://dl.dropbox.com/u/5203661/audio/vertelmeeroveriPhoto.mp3">Als je geen audio controls ziet, download het audiobestand dan <a href="http://dl.dropbox.com/u/5203661/audio/vertelmeeroveriPhoto.mp3">hier</a></source></audio> | <a href="http://dl.dropbox.com/u/5203661/audio/vertelmeeroveriPhoto.mp3">download</a> | <a href="http://www.trendmatcher.nl/p/audio.html" title="met dank aan Trendmatcher"><span style="font-size: xx-small;">TM</span></a><br />
<br />
Het digibordbeeld is te klein, hoe krijg ik het groter?<br />
<audio controls="controls"><source src="http://dl.dropbox.com/u/5203661/audio/hetdigibordbeeldisteklein.mp3">Als je geen audio controls ziet, download het audiobestand dan <a href="http://dl.dropbox.com/u/5203661/audio/hetdigibordbeeldisteklein.mp3">hier</a></source></audio> | <a href="http://dl.dropbox.com/u/5203661/audio/hetdigibordbeeldisteklein.mp3">download</a> | <a href="http://www.trendmatcher.nl/p/audio.html" title="met dank aan Trendmatcher"><span style="font-size: xx-small;">TM</span></a>ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com0tag:blogger.com,1999:blog-312966501668703310.post-3858585224720847032007-01-30T21:57:00.000+01:002010-01-17T16:59:17.951+01:00Embedded MP3 via DivShare<img src="http://www.divshare.com/images/logo.png" align="right" />Een maand geleden plaatste ik al een bericht over <a href="http://blog.divshare.com/2007/01/28/embed-divshare-mp3s-on-your-site/" target="_blank">DivShare</a> met de titel "<a href="http://www.karssenberg.nl/weblog/2006/12/your-files-stay-online-forever.html" target="_blank">Your files stay online forever</a>".<br />Ik zei er wel bij dat ik het jammer vond dat je geen MP3 bestanden direct vanaf hun site kunt afspelen en die feedback heb ik hen ook gegeven. Kennelijk hebben ze die reacties meer gehad, want vanaf nu is ook dat mogelijk. Ze genereren zelfs de code voor een embedded player op je eigen site.<br />Natuurlijk heb ik even getest of het werkt en hoe dat eruit ziet:<br /><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="340" height="60" id="divmp3" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="http://www.divshare.com/flash/divmp3.swf" /><param name="wmode" value="transparent" /><param name="flashVars" value="myFile=http://apollo.divshare.com/files/2007/01/30/86413/divsharetest1.mp3&myTitle=&myLink=http://www.divshare.com/download/86413-64d"><param name="quality" value="high" /><param name="scale" value="noscale" /><param name="salign" value="lt" /><param name="bgcolor" value="#ffffff" /><embed src="http://www.divshare.com/flash/divmp3.swf" quality="high" scale="noscale" salign="lt" bgcolor="#ffffff" width="340" height="60" name="divmp3" align="middle" allowScriptAccess="sameDomain" wmode="transparent" flashVars="myFile=http://apollo.divshare.com/files/2007/01/30/86413/divsharetest1.mp3&myTitle=divsharetest1.mp3&myLink=http://www.divshare.com/download/86413-64d" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></embed></object><br /><br />Er blijkt nog wel een fout in de code te zitten die ik wel meer tegenkom.<br />De embed tag wordt niet afgesloten en dat vindt Blogger niet leuk:<br /><br /><strong>ERROR </strong><br />Your HTML cannot be accepted: Tag is not closed: embed...<br />De nieuwe Blogger geeft dat keurig highlighted aan.<br /><br />Eindelijk dus een plek waar je net zoals allang kan voor foto's nu ook je geluidsbestanden (gratis) kwijt kunt.<br />De performance viel me trouwens wel tegen, want het geluid kwam haperend binnen, maar dat kan ook aan mijn verbinding liggen.ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com0