2017-03-27 14 views
0

こんにちは私はHLS(ライブストリーミング)を再生するために角度Jwplayer https://github.com/ds62987/angular-jwplayerを使用しています。 は、私は、HTMLAngular-jwplayer問題

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

とき、それは私に次のエラーを与え、プレイヤーのタイムアウトERRを返しているI実行中のセットアップのように見えます。

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

答えて

0
androidhls: true, 
primary: "flash" 

私は

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

すなわち代わりにフラッシュのHTML5によって、動画を再生するには、これを変更するには、細かい

をウォーキングされます