Anonim

Dave fait un podcast. Je (Rich) fais un podcast. Les deux sont totalement différents les uns des autres.

Dave diffuse sa diffusion en continu via un lecteur Flash, ce qui correspond au fonctionnement de la grande majorité des podcasts. Vous voyez le lecteur Flash puis, en dessous, un petit lien de téléchargement MP3 pour ceux qui souhaitent télécharger le fichier audio lui-même pour le placer sur un téléphone ou sur une liste de lecture locale sur votre PC / ordinateur portable, etc.

En ce qui me concerne, j’ai toutefois décidé de choisir une technologie Web plus moderne et d’essayer les lecteurs MP3 au format HTML5 dans les navigateurs, juste pour voir s’ils étaient bons ou même efficaces.

Pour ceux qui ne le savent pas, Internet Explorer 9 et 10, Mozilla Firefox et Google Chrome disposent tous de lecteurs multimédias intégrés au navigateur permettant de lire certains types de fichiers multimédias. À l'origine, ils ne prenaient en charge que les formats non commerciaux (comme OGG), mais de nos jours, ils prennent en charge le format MP3. Je suppose qu'ils prennent également en charge le format MP4, mais je ne l'ai pas encore testé.

Les lecteurs HTML5 nécessitent-ils le téléchargement de quelque chose? Non, car ils font déjà partie de la programmation du navigateur. Aucun add-on / extension n'est nécessaire pour installer.

Sur mon dernier podcast, j'ai essayé le lecteur intégré au navigateur, et voici comment il s'est avéré:

Internet Explorer 9 et 10

Le joueur d'IE10 est certainement le plus beau du groupe. Gros boutons et chiffres faciles à lire et une allure générale.

IE marque également des points bonus pour pouvoir ajuster la vitesse avec un clic droit sur le joueur:

Très cool.

Mozilla Firefox

Le joueur de Fx est le plus ennuyeux du groupe, mais néanmoins fonctionnel.

Lorsque vous cliquez avec le bouton droit de la souris sur celui-ci, ne cliquez pas sur «Masquer les contrôles», car alors le son continue de jouer et le lecteur lui-même disparaît, vous obligeant à recharger la page Web uniquement pour le récupérer.

Google Chrome

Pas aussi ennuyeux que le joueur de Fx 21, ni aussi beau que le joueur d'IE10, mais il a l'avantage d'avoir les contrôles les plus faciles. Il est plus facile de cliquer, de maintenir et de faire glisser les curseurs concernant la position audio et la position du volume par rapport aux deux autres lecteurs.

Comment pouvez-vous utiliser ces lecteurs Web sur votre site Web?

En utilisant la balise HTML.

Les instructions complètes sont ici, mais voici la manière générale de s'y prendre pour coder votre propre page Web.

Tout d'abord, votre MP3 doit être téléchargé, vivre et vous devez connaître l'adresse complète, telle que http://www.votre.site/audio/votre-audio-fichier.mp3.

Deuxièmement, tapez votre code comme ceci:

Désolé, votre navigateur ne supporte pas le tag audio, veuillez le mettre à jour.

Vous devez inclure la remarque «Désolé, votre navigateur n'est pas pris en charge» pour les navigateurs Web et mobiles plus anciens tels que IE8.

Troisièmement, publiez votre page Web.

Et c'est fondamentalement ça.

Oui, vous pouvez utiliser le code dans des sites de blogs gratuits tels que WordPress.com et Blogger.com si vous le souhaitez.

Dans un blog WordPress.com, c'est facile, car lors de la rédaction d'un nouvel article de blog, vous pouvez cliquer sur l'onglet "Texte" et insérer votre code de la manière suivante:

Où pouvez-vous stocker vos fichiers de podcast MP3?

Le moyen le plus simple est de les stocker sur le site lui-même, mais si vous ne pouvez pas le faire, vous pouvez utiliser DropBox ou tout autre service de stockage en nuage, dans la mesure où ils permettent le téléchargement direct.

Quoi qu'il en soit, oui, les lecteurs modernes dans les navigateurs fonctionnent bien. Dans les trois navigateurs, il n'y avait aucun problème, car chaque fichier audio MP3 en streaming était comme il était supposé.

Parmi les trois, cependant, j'aime le mieux IE10, car il a le meilleur look et les meilleures fonctionnalités.

Comment utiliser html5 pour lire des fichiers mp3 sur votre site web