如何在离子1中从json api播放hls_stream

Question

我正试图在离子一中播放来自json api的hls_stream

根本没有错误

我尝试过什么/尝试并且无法开始工作：

 <div ng-repeat="item in lives" ng-show="item.id == liveid">
    <video poster="{{item.image}}" preload="auto" autoplay class="theplayios" height="100%" width="100%" webkit-playsinline controls>
      <source src="{{item.url}}" dynamic-url dynamic-url-src="{{item.url}}">
    </video>
    <script type="text/javascript">
      var vid = document.createElement('video');
      document.getElementById('typ').innerHTML = vid.canPlayType('application/vnd.apple.mpegurl');
    </script>
  </div> 

api http://tvstartup.biz/mng-channel/vpanel/api/livestreams.php?user=hoy&pass=076fdf74936ebae00e7949a80f61f985

JS：

        $scope.liveid = $stateParams.playId;

        $http.get('http://tvstartup.biz/mng-channel/vpanel/api/livestreams.php?user=' + $scope.apiusername + '&pass=' + $scope.apipassword).success(function(data) {
            $scope.lives = data.allstreams;
        });

Answer 1

我建议做一些网络流量分析。看一下API的响应。

$ http服务已经改变了一点，但如果你没有收到错误，那么你的版本可能与.done语法兼容。

如果data.allStreams值正在被水合，那么你可能必须进入vid.canPlayType（）方法并查看它失败的位置（显示它是静默的）。

也许有办法获得更详细的调试信息 - 尝试在chrome中调整调试控制台以发出详细级别。