web-dev-qa-db-fra.com

Intégrer la diffusion audio sur une page Web

Je voudrais intégrer un lecteur audio simple sur ma page Web et je veux qu'il obtienne l'audio d'un flux diffusé à partir de mon serveur. Je lis que je peux utiliser IceCast sur mon serveur Web, obtenir un flux audio d'un client utilisant IceS (ou c'est ce que j'ai obtenu d'autres questions et articles), mais une fois que j'ai mon flux, IceCast est censé le diffuser sur une URL. , qui peut être ouvert de pkayers comme winamp ou similaire. J'ai découvert qu'il s'agissait d'un sujet assez rare. Habituellement, les gens veulent simplement diffuser "radio" où les fichiers sont extraits d'une liste de lecture statique. Dans ce cas, je dois obtenir un flux depuis une URL IceCast et l'intégrer à un lecteur sur une page Web. Remercier.

2
giargo

Il fut un temps où soundcast/icecast fonctionnait un peu. Mais le flash étant très limité avec la compatibilité des appareils, j’ai abandonné ces deux années.

Deux choses à prendre en compte lors de la diffusion..pour la plupart des auditeurs, vous ne pouvez pas revenir en arrière ou avancer, ce qui est un concept très dépassé. À la demande, nous en sommes là. Sauf si vous avez des questions en direct, je ne vois pas le besoin de diffuser en direct.

Avec cela, vous pouvez utiliser Google Drive (stockage gratuit jusqu'à 15 Go) pour stocker tous les fichiers audio. Assurez-vous simplement que les fichiers sont rendus publics. Ajoutez simplement les liens vers votre site et le tour est joué, lorsque vous cliquez dessus, la diffusion commence. Pour le téléchargement, enroulez votre lien comme suit:

<a href="URL GOES HERE" download>.

Fournir un lien de streaming/téléchargement par rapport à l'intégration. Si incorporé, un utilisateur est obligé de rester sur le site, lorsqu'un lien est fourni, il peut l'ouvrir avec une application audio de son choix. Pensez à l'expérience utilisateur ainsi qu'à vos besoins.

Pour incorporer correctement les fichiers audio compatibles avec presque tous les appareils et navigateurs, utilisez HTML5, et le code est le suivant:

<audio controls>
  <source src="URL.ogg" type="audio/ogg">
  <source src="URL.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>
1
norcal johnny

C'est assez simple en fait. Je pense que si vous recherchez "SHOUTcast" à la place, vous en trouverez beaucoup plus.

SHOUTcast/IceCast utilise un protocole (presque) compatible avec HTTP. Par conséquent, la plupart des lecteurs capables de lire des fichiers MP3 en streaming sur HTTP sont capables de lire un flux compatible SHOUTcast.

Vous constaterez qu'il y a beaucoup de lecteurs Flash pour ce genre de chose .

Une chose que je devrais souligner cependant. Si vous utilisez Flash, utilisez un lecteur Flash conçu pour fonctionner avec la radio Internet. La raison en est que les anciennes versions de Flash téléchargeraient tout l'audio dans la mémoire pour une lecture ultérieure. C’est parce qu’ils ont été conçus à l’origine pour une minute ou deux de musique de fond en boucle pour certains jeux, et que cela les enregistre dans la mémoire pour pouvoir être rejoués. Avec la radio Internet, nous ne jouerons évidemment plus le début du programme et souhaitons le supprimer. Avec ActionScript 3 et versions ultérieures (et avec quelques piratages dans AS2), cela est possible et de nombreux lecteurs tirent désormais parti des méthodes stream-it-and-forget-it.

1
Brad