2012-09-05 2 views
5

"Android Phone의 Chrome 브라우저"에서 비디오를 재생하는 중에 문제가 발생했습니다.html5의 hls이 안드로이드 크롬 브라우저에서 작동하지 않습니다.

나는 HTML5 비디오 태그를 넣고 비디오 태그의 소스로 m3u8 파일의 링크를 제공하고 있습니다. 하지만 Android의 Chrome 브라우저에서는 재생되지 않습니다.

그러나 브라우저에 동일한 m3u8 파일의 링크를 제공하면 안드로이드의 비디오 플레이어에서 비디오를 재생합니다.

그럼 동영상을 HTML5 동영상 태그로 재생하려면 어떻게해야합니까?

참고 : 나는 안드로이드 4.0.3와 함께이 문제를 확인하고 사전에 4.1

하라구요

사가르 조시

+0

this : https://shaka-player-demo.appspot.com/demo/#asset=//storage.googleapis.com/shaka-demo-assets/angel-one/dash.mpd;lang=ko-KR 미국은 요즘, 어쩌면 5.0 이상 작동 할 것 같습니다? – rogerdpack

답변

0

나는 그것이 인코딩에 따라 생각, 서버에보고하여왔다 는 재생 목록 요청을 기록하지만 웹 콘텐츠가 없으므로 아무 것도 재생되지 않습니다.

주식 브라우저가 h264 비디오를 제대로 재생했기 때문에 정말 불행합니다. HLS 링크가 안드로이드 크롬에서 직접 작동하지 않습니다

0

이 코드

<video id="my-video" style="width:640px height:480px;" controls> 
          <source src="{put your source link here}"> 
         </video> 
        </div> 
<script src="http://hlsbook.net/wp-content/examples/hls.min.js"></script> 
<script> 
    if (Hls.isSupported()) { 
    var video = document.getElementById('my-video'); 
    var hls = new Hls(); 
    hls.loadSource('{put your source link here}'); 
    hls.attachMedia(video); 
    hls.on(Hls.Events.MANIFEST_PARSED, function() { 
     video.play(); 
    }); 
    } 
</script> 

에서 모양과 안드로이드 플랫폼에서 작동하지 않습니다 소스 링크를 기억, 작동 갈 수있는 자바 스크립트 라이브러리 HLS 필요 사파리 모바일은 미디어 소스 확장을 지원하지 않으므로 hls.js와 호환되지 않으므로 ios-safari 플랫폼에서만 hls javascript가 필요하지 않으므로 ios-safari 플랫폼에서 작동합니다. 안드로이드 때문에 hls.loadSource의 스크립트 태그에 비디오 링크를 추가해야하며 android chrome에서 작동합니다.