我想在我的应用程序上进行 m3u8 直播。 那么任何人都可以帮助我如何做到这一点？ 我尝试使用 exoplayer 但我失败了

Question

I want to develop a live streaming app with exoplayer, I tried with exo player but i failed to do this. can anyone help me to do this,, ?

Answer 1

Yes, I can help, there is a tool that is called HLS.js. You can embed any stream with m3u8 extension with this tool, here it is the link: HLS.js

If your stream is insecure you need to use an http website if it's not you can use https . I will give for you an example code:

<script src="https://cdn.jsdelivr.net/npm/hls.js@1"></script>
<!-- Or if you want the latest version from the main branch -->
<!-- <script src="https://cdn.jsdelivr.net/npm/hls.js@canary"></script> -->
<video id="video"></video>
<script>
  var video = document.getElementById('video');
  var videoSrc = 'YOUR-STREAM-SOURCE';
  if (Hls.isSupported()) {
    var hls = new Hls();
    hls.loadSource(videoSrc);
    hls.attachMedia(video);
  }
  // HLS.js is not supported on platforms that do not have Media Source
  // Extensions (MSE) enabled.
  //
  // When the browser has built-in HLS support (check using `canPlayType`),
  // we can provide an HLS manifest (i.e. .m3u8 URL) directly to the video
  // element through the `src` property. This is using the built-in support
  // of the plain video element, without using HLS.js.
  //
  // Note: it would be more normal to wait on the 'canplay' event below however
  // on Safari (where you are most likely to find built-in HLS support) the
  // video.src URL must be on the user-driven white-list before a 'canplay'
  // event will be emitted; the last video event that can be reliably
  // listened-for when the URL is not on the white-list is 'loadedmetadata'.
  else if (video.canPlayType('application/vnd.apple.mpegurl')) {
    video.src = videoSrc;
  }
</script>

If this extension can be played on any device the video will have the same source as your stream.

Hope I have helped!