在 ionic 中播放 HLS 流答案

【问题标题】：Playing HLS stream in ionic在 ionic 中播放 HLS 流
【发布时间】：2016-10-06 18:38:05
【问题描述】：

我正在尝试在 ionic angularjs 中播放 HLS 流，我将 hls 流放入 iframe 中，如下所示：

<iframe ng-src="http://barakyah-channel.videocdn.scaleengine.net/barakyah-channel/live/hottestjamsaudio/playlist.m3u8" seamless="seamless" scrolling="no" frameBorder="0" width="100%" height="100%" ></iframe>

我在网上看过这个方法。

它要求我下载播放列表，而不是播放它，但由于某种原因它不起作用。

我还尝试使用带有 viblast 的 HTML5 音频播放器：

<audio id="player" src="http://barakyah-channel.videocdn.scaleengine.net/barakyah-channel/live/hottestjamsaudio/playlist.m3u8" data-viblast-key="N8FjNTQ3NDdhZqZhNGI5NWU5ZTI=" controls></audio>

我尝试了另一种解决方案：

<button class="button" ng-click="play('http://barakyah-channel.videocdn.scaleengine.net/barakyah-channel/live/hottestjamsaudio/playlist.m3u8')">Play from file system</button>

此解决方案的 JS：

 $scope.play = function(src) {
        var media = new Media(src, null, null, mediaStatusCallback);
        media.play(media);
    }

    var mediaStatusCallback = function(status) {
        if(status == 1) {
            $ionicLoading.show({template: 'Loading...'});
        } else {
            $ionicLoading.hide();
        }
    }

这些都不起作用。我也在安卓设备上测试过，还是不行。

我没有收到任何错误它只是不播放它要求我下载一些播放列表的东西（它会拉出一个保存位置框）

请帮忙谢谢

【问题讨论】：

请说明什么不起作用。你有任何错误吗？
我指定了@RubenSteins
“我没有收到任何错误它只是不播放它要求我下载一些播放列表的东西（它会拉出一个保存位置）”@RubenSteins
只要把你的链接放到你的 m3u8 流上，你的安卓用户就会决定用那个播放器来打开它
我这样做了：barakyah-channel.videocdn.scaleengine.net/barakyah-channel/live/…" class="button button-primary">链接 @DionisL

标签： javascript android angularjs html

【解决方案1】：

您的 MIME-Type 是 application/vnd.apple.mpegurl，由 wget 输出

$ wget http://barakyah-channel.videocdn.scaleengine.net/barakyah-channel/live/hottestjamsaudio/playlist.m3u8
--2017-04-10 11:06:25--  http://barakyah-channel.videocdn.scaleengine.net/barakyah-channel/live/hottestjamsaudio/playlist.m3u8
Resolving barakyah-channel.videocdn.scaleengine.net... 173.208.17.141
Connecting to barakyah-channel.videocdn.scaleengine.net|173.208.17.141|:80... connected.
HTTP request sent, awaiting response... 200 OK
Length: 107 [application/vnd.apple.mpegurl]
Saving to: ‘playlist.m3u8.1’

playlist.m3u8     100%[===================>]     107  --.-KB/s    in 0s      

2017-04-10 11:06:27 (6.38 MB/s) - ‘playlist.m3u8’ saved [107/107]

尝试将其更改为服务器端/cdn 端：

application/x-mpegurl m3u8;
video/mp2t ts;
application/xml xml;

【讨论】：