hls trong html5 không hoạt động trong trình duyệt chrome android

Question

Tôi gặp sự cố trong khi phát video trong "Trình duyệt chrome của Android Phone".

Trong đó tôi đang đặt thẻ video HTML5 và cung cấp liên kết tệp m3u8 làm nguồn của thẻ video. Nhưng nó không phát trong "trình duyệt Chrome của Android".

Nhưng nếu tôi cung cấp liên kết tệp m3u8 giống với trình duyệt hơn là phát video trong trình phát video của Android.

Vì vậy, nên làm gì để phát video trong thẻ video HTML5?

Lưu ý: Tôi đã kiểm tra này với Android 4.0.3 và 4.1

Cám ơn trong Advance,

Sagar Joshi

Answer 1

Tôi nghĩ rằng nó phụ thuộc vào mã hóa, bằng cách nhìn vào máy chủ các bản ghi danh sách phát được yêu cầu, nhưng vì không tìm thấy nội dung webm nào nên không có gì được phát.

Điều đó thực sự không may vì trình duyệt chứng khoán được sử dụng để phát video h264 tốt.

Answer 2

vào liên kết HLS sẽ không làm việc trực tiếp trên android chrome bạn cần một HLS javascript thư viện để có được nó để làm việc, có một cái nhìn tại mã này

<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> 

và ghi nhớ liên kết nguồn sẽ không hoạt động trên nền tảng Android , nó hoạt động cho nền tảng ios-safari chỉ khi nền tảng ios-safari không yêu cầu hls javascript, vì Safari mobile không hỗ trợ phần mở rộng nguồn phương tiện và do đó sẽ không hoạt động với hls.js. Vì vậy, đối với Android, bạn cần phải thêm liên kết video trong thẻ script trong hls.loadSource và nó sẽ hoạt động trên chrome android.