Transmisja audio html5

Question

Tworzę własny audio bez kontroli przeglądarki.

<audio src="http://50.7.98.194:8081/~dl3/cgi-bin/dl.cgi/bqmu5mltxcqy43mxecgo4gnw743qr7fd7io22q5xj4/gl1mwvp6b326.mp3" id="audio"> 
</audio> 

mam te funkcje, zwane po kliknięciu niektóre przyciski:

function play() 
{ 
    audio.play(); 
} 

function play() 
{ 
    audio.pause 
} 

function stop() 
{ 
    audio.pause(); 
    audio.src = audio.src; 
} 

Ale na razie mogę tylko odtwarzać pliki MP3 lub OGG, ale nie radio live stream. Czytałem o niektórych wtyczkach, ale potrzebuję zrobić to z czystym html5.

Czy możesz mi pomóc, proszę? Bardzo dziękuję,

Answer 1

Niestety, nie ma jeszcze jednego kodeku audio i wideo, obsługiwanego przez wszystkie przeglądarki! Programiści muszą upewnić się, że istnieją awarie przewidziane w przypadku przypadków, w których przeglądarka A nie obsługuje kodek B i odwrotnie.

Możesz przyjrzeć się tej tabeli zgodności, zarówno dla przeglądarek stacjonarnych, jak i mobilnych.

pulpit:

• Internet Explorer (9.0+) wsparcie kodeki MP3 i AAC
• Chrome (6.0+) wspierają Ogg Vorbis, MP3, WAV +
• Firefox (3.6+) wspierają Ogg Vorbis, WAV
• Safari (5.0+) wsparcie MP3, AAC, WAV
• Opera (10.0+) wspierają Ogg Vorbis, WAV

Komórka:

• Opera Mobile (11.0 lub późniejszej) obsługiwane kodeki są uzależnione od urządzenia
• Android (2.3+) obsługiwane kodeki są uzależnione od urządzenia
• Mobile Safari (iDevices z iOS 3.0 +) wsparcie MP3, AAC
• Blackberry (6.0+) wsparcie MP3, AAC

Ponieważ flash jest stil Jestem wystarczająco rozpowszechniony, to prawdopodobnie najbezpieczniejszy sposób postępowania awaryjnego.

Ponadto chciałbym zauważyć, że nie ma nic gorszego w korzystaniu z biblioteki, niektóre z nich (na przykład jPlayer) zapewniają bardzo wydajny interfejs, a to tylko może pomóc w tworzeniu lepszego kodu!

myślę, że można znaleźć wszystko, co chcesz wiedzieć, w następującym artykule: HTML5 Audio Radio Player by Opera Devs

Answer 2

Odtwarzanie dźwięku z „żywego źródła” wydaje się być wspierane przez nowoczesne przeglądarki. Zasadniczo wystarczy użyć normalnych HTML 5 tagi audio i wpisze „live stream” URL jako źródło, ex:

<audio controls> 
    <source src="http://audio-mp3.ibiblio.org:8000/wcpe.mp3" type="audio/mpeg"> 
    <source src="http://audio-ogg.ibiblio.org:8000/wcpe.ogg" type="audio/ogg"> 
</audio> 

a strumień „po prostu działa”, jak to było, choć próbuje szukać z kontroli domyślnych nic nie robi. W związku z tym możesz chcieć zastąpić elementy sterujące "niestandardowymi" w normalnym stylu mediów HTML 5.Ze względu na kompatybilność wsteczną z przeglądarkami innymi niż HTML 5, ten projekt może być przydatny: https://github.com/etianen/html5media/wiki/Embedding-audio (nie testowałem go na żywo, ale może/powinien działać). Kodek Mp3 wydaje się być obsługiwany w głównych przeglądarkach (poza prawdopodobnie firefox na Linux [?]). Opus może być inną, ładnie działającą platformą, nie jestem pewien, czy kodek jest mądry, jaki jest "najlepszy" wybór.

Z niektórymi strumieniami (shoutcast, jak przypuszczam), musiałem dodać zamknięcie ";" na adres URL, patrz https://stackoverflow.com/a/3182814/32453 dla notatek tam, ale to jest po prostu, aby uzyskać "odpowiedni" adres URL.