Angular-jwplayer问题

Question

嗨，我正在使用angular Jwplayer https://github.com/ds62987/angular-jwplayer来播放HLS(直播流)。我有html

 <jwplayer player-id="{{cameradetails.id}}" camera="cameradetails"
    setup="liveStreamCtrl.options"></jwplayer>

控制器看起来像

var cameraObject = {
image: "../../assets/images/main/live-streaming/video-default.jpg",
    width: "100%",
    height: "100%",
    androidhls: true,
    playlist: [{
        sources: [{
            //Desktop: Use RTMP protocol and played by flash.
    file: "//52.2.142.67:1935/58d385775914156fc85a2795/" + window.localStorage.getItem('token') + "/58d65451555c6d75e3b7c51f.stream"
                       }, {
    //Mobile: Use HLS protocol and played by HTML5
    file: "//52.2.142.67:1935/58d385775914156fc85a2795/" + window.localStorage.getItem('token') + "/58d65451555c6d75e3b7c51f.stream/playlist.m3u8"
                        }, ]
                    }],
                    primary: "flash"
             };
    var dahuaCameraObject = cameraObject;
    self.options[value.id] = dahuaCameraObject;

当我运行安装程序时，它给了我以下错误，并返回播放器超时错误。

Uncaught DOMException: Failed to execute 'querySelector' on 'Element': '#58d3ba2dfc21ab4b4dc7199f-ade55c26e70e4' is not a valid selector.
at http://localhost:8585/client/dev/assets/js/clientAccount/directives/player.js:5:12043 (anonymous) @ player.js:5 player.js:5 Uncaught DOMException: Failed to execute 'querySelector' on 'Element':  #58d5fa103f2bba6af0327842-85fa6e4830107' is not a valid selector. at http://localhost:8585/client/dev/assets/js/clientAccount/directives/player.js:5:12043

http://imgur.com/a/KCmOa

Answer 1

androidhls: true,
primary: "flash"

我将其更改为

  "primary": "html5",
  "hlshtml": true,

也就是说，用html5而不是flash播放视频是可以的