HTML5와 함께 Shoutcast 인터넷 라디오 스트림을 재생할 수 있습니까?

StackOverflow https://stackoverflow.com/questions/2229118

문제

HTML5와 함께 Shoutcast (또는 일부) 인터넷 라디오 스트림을 재생할 수 있습니까?

그래서 다음 코드가 있습니다.

<html>
<body>
<audio src="http://shoutcast.internet-radio.org.uk:10272/" />
</body>
</html>

HTML 페이지로 저장하고 브라우저를 시작합니다 (Google Chrome 4.0.249.78, Safary 또는 FF)

그러나 그것은 재생/일이 아닙니다! (

그리고 그것은 내가 플레이하려고 시도한 다른 인터넷 라디오와 함께 연주하지 않습니다! (

왜!?! 내가 뭘 잘못하고 있죠?

BTW : From HTML5 (아직 개발중인 차세대 추가 포함) 2.6.1 프로토콜 개념사용자 에이전트는 다양한 전송 프로토콜을 구현할 수 있지만이 사양은 대부분 HTTP 측면에서 동작을 정의합니다. [HTTP

HTTP get 메소드는 프로토콜의 기본 검색 동작과 동일합니다. 예를 들어, FTP의 RET. 이러한 조치는 http 용어로 합법적이고 안전합니다.

HTTP 응답 코드는 동일한 기본 의미를 갖는 다른 프로토콜의 상태와 동일합니다. 예를 들어, "파일 찾기"오류는 404 코드와 동일하고 서버 오류는 5xx 코드와 동일합니다.

HTTP 헤더는 동일한 기본 의미를 갖는 다른 프로토콜의 필드와 동일합니다. 예를 들어, HTTP 인증 헤더는 FTP 프로토콜의 인증 측면과 동일합니다.

도움이 되었습니까?

해결책

Shoutcast와 함께 할 수는 없지만 Icecast 및 Edcast 클라이언트를 사용하면 Live Vorbis Trough HTML5를 스트리밍 할 수 있습니다. <audio> 꼬리표. 그냥 지적하십시오 http://your-url.com:port/stream.ogg :피

다른 팁

끝에 세미콜론을 추가하십시오 http 요구. 브라우저 감지를 무시하기 위해 Shoutcast가 제시 한 프로토콜입니다. 이 예와 같이 :

<audio controls src="http://shoutcast.internet-radio.org.uk:10272/;"></audio>

HTML5는 플레이어가 지원 해야하는 오디오 형식 (점진적 또는 스트리밍이든)을 지정하지 않습니다. 이는 수요 및 구현 타당성에 따라 브라우저가 결정할 수 있습니다. 초기 드래프트에서는 모든 브라우저가 지원 해야하는 몇 가지 기준 코덱과 형식을 지정하려고했지만 가능한 각 형식으로 인해 일부 브라우저 공급 업체가 구현을 거부했습니다.

다음은 Safari (4.0.4, Webkit Nightly 6531.21.10, R54538, Mac OS X 10.6.2)에서 작동하는 것으로 보이지만 Chrome 또는 Firefox는 아닙니다.

<!DOCTYPE html>
<audio controls src="http://shoutcast.internet-radio.org.uk:10272/"></audio>

(그 점에 유의하십시오 <audio> HTML 직렬화에 엔드 태그가 필요하고 XML 스타일의 자체 폐쇄 태그를 사용할 수 없으므로 포함해야합니다. controls 또는 autoplay 실제로 오디오를 시작하려면)

이는 Safari가 Shoutcast에 대한 지원을 받기 때문에 QuickTime을 사용하여 오디오 및 비디오 URL을 처리하고 QuickTime이 이미 Shoutcast를 지원했기 때문일 수 있습니다. QuickTime의 HTTP 구현이 잘되기 때문에 이상한 버그가 발생할 수 있습니다. 기발한, 친절하게 넣습니다.

지원하지 않는 브라우저에서 외침 지원을 요청하는 버그를 제출하는 것이 좋습니다. 다음은 버그 추적기입니다 Firefox (Gecko/Mozilla), 크롬 (크롬), 그리고 원정 여행 (창에서 작동하지 않는 경우).

글쎄, 나는 OGG_VORBIS 방송국을 확인했다. 재생 목록을 다운로드하여 메모장으로 열고 스트림의 URL을 복사했습니다. 따라서 테스트하려면이 문제를 빈 파일로 복사하여 이름을 이름으로 표시하십시오 .html.

<!DOCTYPE html>
    <html>
    <head>
    <title>audio testing live stream!</title>
    </head>
    <body>
    <audio controls="controls" autoplay="autoplay" src="http://oggvorbis.tb-stream.net:80/technobase.ogg">
    </audio>
    </body>
</html>

그게 다야!

BB

<!DOCTYPE html>
<audio controls src="http://baldyradio.com:8010/;"></audio>

이것은 IE9의 릴리스 버전에서 작동합니다. Firefox 4에 대해서도 동일하게 말할 수 없다는 슬픈!

HTML 5 오디오 사양 (http://www.w3schools.com/html5/html5/html5_audio.asp) w3c 개요 어떤 형식 (MP3 또는 OGG)이 어떤 브라우저에 의해 지원되는지 윤곽선을 읽습니다.

내가 할 일은 Icecast 서버 (외침이 아님)가 MP3와 OGG 스트림을 스트리밍하는 것입니다.

JavaScript 사용 브라우저 유형 감지 - http://www.javascripter.net/faq/browsern.htm

if (브라우저가 HTML5를 지원하지 않음) {메시지 인쇄 - 새 브라우저 사용}

if (브라우저는 HTML5 및 OGG 스트리밍을 지원합니다 (W3C에서 목록 사용)) {SRC 태그의 Icecast 서버에서 OGG 스트림 사용}

if (브라우저는 HTML5 MP3 스트리밍을 지원합니다 (W3C에서 목록 사용)) {SRC 태그의 Icecast 서버에서 MP3 스트림 사용}

나는 이것이 모든 주요 브라우저를 다룰 것이라고 생각하며 앞으로도 아마도 당신이 찾을 수있는 대부분의 사람들 문제를 해결할 것이라고 생각합니다. 

<audio controls src="http://example.com:8000/mountpath;"></audio>

위의 게시물은 정답을 제공합니다. 삭감. 확실하게 하다 /; 스트림 URL과 포트 다음에 있습니다.

<audio src="http://shoutcast.internet-radio.org.uk:10272/;" />

Firefox 및 Opera는 MP3와 같은 비없는 코덱을 지원하지 않습니다 (Opera 10.5 Alpha, FF 3.5 및 나중에 오디오 용 PCM WAV 및 OGG Vorbis 만 지원합니다). 그러나 Chrome과 Safari는 MP3를 지원한다고 생각합니다.

다음 문제는 URL이 스트림이 아닌 스트림을 설명하는 웹 페이지를 가리키는 것처럼 보입니다.

마지막으로, 내가 아는 한, 아무도 오디오 요소에 대한 재생 목록 파서를 구현하지 않았다 (사양은 재생 목록이 아닌 오디오 파일 만 언급 함). "청취"를 클릭하더라도 재생 목록을 얻는다. 원시 스트림보다.

예, 당신은 쇼를 재생할 수 있습니다. 나는 이런 식으로 이렇게 사용합니다

<audio preload="none" autoplay="autoplay" controls="controls">
    <source src="http://178.32.62.172:9079/stream" type="audio/mpeg">
    Your browser does not support this player, please update the version
</audio>
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top