Dave doet een podcast. Ik (Rich) doe een podcast. Beide zijn totaal verschillend van elkaar.
De manier waarop Dave zijn streaming uitvoert, is via een Flash-speler, en dat is hoe de overgrote meerderheid van podcasts werkt. Je ziet de Flash-speler en hieronder is dat een kleine MP3-downloadkoppeling voor degenen die het audiobestand zelf willen downloaden om op een telefoon of lokale afspeellijst op je pc / laptop te plaatsen, enz.
Aan mijn kant besloot ik echter een sprong te maken naar een modernere webtechnologie en HTML5 MP3-spelers in de browser een kans te geven om te kijken of ze goed waren of überhaupt werkten.
Voor degenen die het niet weten, hebben Internet Explorer 9 en 10, Mozilla Firefox en Google Chrome allemaal mediaspelers in de browser voor het afspelen van bepaalde soorten mediabestanden. Oorspronkelijk ondersteunden ze alleen de niet-commerciële formaten (zoals OGG), maar tegenwoordig ondersteunen ze MP3 wel en ik neem aan dat ze ook MP4 ondersteunen, maar dat heb ik nog niet getest.
Moeten HTML5-spelers iets downloaden? Nee, omdat ze al deel uitmaken van de browserprogrammering zelf. Er zijn geen add-ons / extensies nodig om te installeren.
Op mijn meest recente podcast heb ik de speler in de browser geprobeerd en dit is hoe het bleek:
Internet Explorer 9 en 10
De speler van IE10 is absoluut de mooiste van het stel. Grote, gemakkelijk leesbare knoppen en cijfers en een algeheel goed uiterlijk.
IE scoort ook bonuspunten voor het kunnen aanpassen van de snelheid met een rechtermuisknop op de speler:
Heel cool.
Mozilla Firefox
De speler van Fx is de saaiste van het stel, maar toch functioneel.
Wanneer u met de rechtermuisknop op deze klikt, klik dan niet op "Besturingselementen verbergen", omdat dan de audio blijft spelen en de speler zelf verdwijnt, waardoor u wordt gedwongen de webpagina opnieuw te laden alleen maar om hem terug te krijgen.
Google Chrome
Niet zo saai als de speler van Fx 21, en niet zo mooi als de speler van IE10, maar het heeft wel het voordeel dat het de gemakkelijkste bedieningselementen heeft. Waar te klikken en slepen voor schuifregelaars met betrekking tot audiopositie en volumepositie zijn gemakkelijker te klikken, vast te houden en te slepen in vergelijking met de andere twee spelers.
Hoe kunt u deze webspelers op uw website gebruiken?
Door gebruik van de HTML-tag.
Volledige instructies zijn hier, maar hier is de algemene manier om dit aan te pakken bij het coderen van uw eigen webpagina.
Eerst moet je MP3 live worden geüpload en moet je het volledige adres weten, zoals http://www.your.site/audio/your-audio-file.mp3.
Ten tweede, typ je code als volgt:
Sorry, uw browser ondersteunt de audiotag niet, werk uw browser bij
U moet de melding “sorry dat uw browser niet wordt ondersteund” opnemen voor oudere mobiele en webbrowsers zoals IE8.
Ten derde, publiceer uw webpagina.
En dat is het eigenlijk.
Ja, je kunt de code gebruiken in gratis blogsites als WordPress.com en Blogger.com als je wilt.
In een WordPress.com-blog is het eenvoudig, omdat u bij het opstellen van een nieuw blog-artikel op het tabblad 'Tekst' kunt klikken en uw code op die manier kunt invoegen:
Waar kunt u uw mp3-podcastbestanden opslaan?
De eenvoudigste manier is om ze op de site zelf op te slaan, maar als je dat niet kunt doen, kun je DropBox of een andere cloudopslagservice gebruiken zolang ze directe download toestaan.
Hoe dan ook, ja, de moderne spelers in de browser werken inderdaad goed. In alle drie de browsers waren er helemaal geen problemen, omdat elke gestreamde MP3-audio zoals bedoeld was.
Van de drie vind ik IE10 echter het beste omdat het de beste look en de beste functies heeft.
