|
@@ -49,30 +49,42 @@ export default {
|
|
|
},
|
|
|
searchLive() {
|
|
|
var envUrl = process.env.VUE_APP_LIVE_URL;
|
|
|
- var swfStr = '/platlive/swf/flowplayer-3.2.18.swf';
|
|
|
- var obj_1 = {
|
|
|
- clip: {
|
|
|
- provider: 'rtmp',
|
|
|
- bufferLength: 0,
|
|
|
- bufferTime: 0,
|
|
|
- autoPlay: true,
|
|
|
- live: true,
|
|
|
- },
|
|
|
- plugins: {
|
|
|
- rtmp: {
|
|
|
- url: 'flowplayer.rtmp-3.2.13.swf',
|
|
|
- },
|
|
|
- },
|
|
|
- };
|
|
|
for (const val of this.list) {
|
|
|
- val.url = envUrl + val.room_id;
|
|
|
- var videoRoom = document.getElementById(val.room_id);
|
|
|
- videoRoom.setAttribute('data-rtmp', val.url);
|
|
|
- videoRoom.setAttribute('href', val.url);
|
|
|
- const obj_2 = JSON.parse(JSON.stringify(obj_1));
|
|
|
- obj_2.plugins.rtmp.netConnectionUrl = val.url;
|
|
|
- flowplayer(val.room_id, swfStr, obj_2);
|
|
|
+ setTimeout(function() {
|
|
|
+ var videoObjects = {
|
|
|
+ container: `#${val.room_id}`,
|
|
|
+ variable: 'player',
|
|
|
+ autoplay: true,
|
|
|
+ live: true,
|
|
|
+ video: envUrl + val.room_id,
|
|
|
+ };
|
|
|
+ let player = new ckplayer(videoObjects);
|
|
|
+ }, 2);
|
|
|
}
|
|
|
+ // var swfStr = '/platlive/swf/flowplayer-3.2.18.swf';
|
|
|
+ // var obj_1 = {
|
|
|
+ // clip: {
|
|
|
+ // provider: 'rtmp',
|
|
|
+ // bufferLength: 0,
|
|
|
+ // bufferTime: 0,
|
|
|
+ // autoPlay: true,
|
|
|
+ // live: true,
|
|
|
+ // },
|
|
|
+ // plugins: {
|
|
|
+ // rtmp: {
|
|
|
+ // url: 'flowplayer.rtmp-3.2.13.swf',
|
|
|
+ // },
|
|
|
+ // },
|
|
|
+ // };
|
|
|
+ // for (const val of this.list) {
|
|
|
+ // val.url = envUrl + val.room_id;
|
|
|
+ // var videoRoom = document.getElementById(val.room_id);
|
|
|
+ // videoRoom.setAttribute('data-rtmp', val.url);
|
|
|
+ // videoRoom.setAttribute('href', val.url);
|
|
|
+ // const obj_2 = JSON.parse(JSON.stringify(obj_1));
|
|
|
+ // obj_2.plugins.rtmp.netConnectionUrl = val.url;
|
|
|
+ // flowplayer(val.room_id, swfStr, obj_2);
|
|
|
+ // }
|
|
|
},
|
|
|
},
|
|
|
computed: {
|