는 어떻게 HTML5 비디오 태그를 사용 H264 인코딩 된 라이브 스트림을 재생하려고 videojs
에 HLS Wowza 라이브 스트림 (M3U8)을 재생합니다. 라이브 스트림은 wowza 미디어 서버에서 브로드 캐스트되며 src 링크를 방문하면 유효한 재생 목록 파일이 생성됩니다. 안드로이드 크롬 브라우저에서 스트림을 재생하려고 할 때 플레이어는 아무 것도하지 않고 검은 색 화면을 표시합니다.
이 html5 동영상 태그와 관련된 문제입니까, 아니면 방송인입니까?
현재 현재 videojs는 사파리 및 iOS에서 m3u8/HLS 만 지원합니다. Android는 HLS 또는 쿠퍼 티노 스트리밍을 지원하기로되어 있지만 버그가 있다고 들었습니다. HLS 및 m3u8을 videojs에서 작동 시키려면 videoj에 대해 HLS 가능 플래시 폴백을 제공해야합니다.
체크 아웃 http://flashls.org/videojs/flash_demo.html
가 직접 구현하는 방법이 예제를 ...이 guide 을 따르거나이 swf 다음 videojs 페이지에이 코드를 추가 다운로드.
<script>
videojs.options.flash.swf = "[YourHosted]/video-js.swf"
</script>
...
<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="360" data-setup='{"techOrder": ["flash"]}'>
<source src="http://[Wowza Ip]/live/mp4:mystream/playlist.m3u8" type='video/mp4'/>
</video>
는 지원 HLS (실시간 스트리밍)에 대한 추가 라이브러리를 추가해야합니다.
VideoJS HLS Library. 라이브 예 : Live Example.
참고 : [제안 된 수정] (http://stackoverflow.com/review/suggested-edits/5269201)은'streambox.fr/HLSProvider'에서'http://flashls.org/videojs/flash_demo '로 전환 할 것을 권장합니다. .html' –
링크 된 가이드가 더 이상 존재하지 않습니다. 어떻게 작동 했습니까? 또한, HTML 및/또는 Javascript는'data-setup = '{ "techOrder": [ "flash"]}'문자열의 따옴표가 마음에 들지 않으므로 오류가 발생합니다. – ocramot