hls in html5 non funziona nel browser android chrome

Question

Ho riscontrato problemi durante la riproduzione di video in "Chrome Browser di Android Phone".

In questo modo inserisco tag video HTML5 e fornisco il link del file m3u8 come fonte di tag video. Ma non suona in "browser Chrome di Android".

Ma se fornisco il link del file m3u8 allo stesso browser di quello riprodotto nel video player di Android.

Quindi cosa si deve fare per riprodurre video nel tag video HTML5?

Nota: Ho verificato questo con Android 4.0.3 e 4.1

Ringraziandovi anticipatamente,

Sagar Joshi

Answer 1

Penso che dipende dalla codifica, cercando in server registra le playlist richieste, ma dal momento che non viene trovato alcun contenuto Webm non viene riprodotto nulla.

Questo è davvero spiacevole perché il browser azionario utilizzato per riprodurre i video h264 va bene.

Answer 2

il link HLS non funziona direttamente su Chrome Android avete bisogno di un HLS libreria javascript per farlo funzionare, avere uno sguardo a questo codice

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

e ricordare la Fonte non funziona su piattaforma Android , funziona per la piattaforma ios-safari solo perché la piattaforma ios-safari non richiede hls javascript, dato che Safari mobile non supporta le estensioni dei sorgenti multimediali e quindi non funzionerà con hls.js. Quindi per Android devi aggiungere il link del video nel tag dello script in hls.loadSource e funzionerà su Android Chrome.