joylink/rt-sim-training-client
6
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

代码调整

Browse Source
This commit is contained in:
joylink_cuiweidong 2022-09-27 16:18:35 +08:00
parent 9fe0241959
commit 37fe752136
2 changed files with 26 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/views/jlmap3d/passflow/jl3dpassflow.vue
View File

@ -4,7 +4,7 @@
<div v-if="lineCode == '07'" id="jlReal3d" class="jlReal3d">
<div class="realCctv1">
<video id="myvideo0" class="video-js">
<source src="http://160.20.60.15/hls/cctv2.m3u8" type="application/x-mpegURL">
<source src="http://playertest.longtailvideo.com/adaptive/bipbop/gear4/prog_index.m3u8" type="application/x-mpegURL">
</video>
</div>
<div class="realCctv2">
@ -112,7 +112,7 @@ export default {
{
controls: false,
autoplay: 'muted',
loop: true,
loop: false,
preload: 'auto',
width: window.innerWidth / 4 + 'px',
height: window.innerHeight / 2 + 'px',
@ -122,20 +122,34 @@ export default {
},
function () {
console.log('videojs播放器初始化成功');
const video = this;
// this.on('loadstart', function() {
// // 开始加载
// console.log('loadstart');
// });
// this.on('loadeddata', function() {
// console.log('loadeddata');
// });
// this.on('seeked', function() {
// // 已经拿到视频流,可以播放
// console.log('seeked');
// });
this.on('loadedmetadata', function() {
console.log('loadedmetadata');
// 加载到元数据后开始播放视频
// startVideo();
video.autoplay(true);
var lastTime = -1;
// var tryTimes = 0;
let isVideoBreak = null;
clearInterval(isVideoBreak);
isVideoBreak = setInterval(function() {
var currentTime = videoPlay.currentTime();
// debugger;
var currentTime = video.currentTime();
console.log('currentTime' + currentTime + 'lastTime' + lastTime);
if (currentTime == lastTime) {
videoPlay.currentTime(currentTime + 10000);
videoPlay.play();
video.currentTime(currentTime + 10000);
video.play();
// // 尝试5次播放后，如仍未播放成功提示刷新
// if (++tryTimes > 5) {
// alert('您的网速有点慢，刷新下试试');

11
src/views/newMap/jointTrainingNew/realCCTV.vue
View File

@ -42,7 +42,7 @@ export default {
const videoPlay = new Video('myvideo' + i, {
controls: false,
autoplay: 'muted',
loop:true,
loop: false,
preload: 'auto',
width: window.innerWidth / 2 + 'px',
height: window.innerHeight + 'px',
@ -51,20 +51,23 @@ export default {
}
}, function () {
console.log('videojs播放器初始化成功');
const video = this;
this.on('loadedmetadata', function() {
console.log('loadedmetadata');
// 加载到元数据后开始播放视频
// startVideo();
video.autoplay(true);
var lastTime = -1;
// var tryTimes = 0;
let isVideoBreak = null;
clearInterval(isVideoBreak);
isVideoBreak = setInterval(function() {
var currentTime = videoPlay.currentTime();
// debugger;
var currentTime = video.currentTime();
console.log('currentTime' + currentTime + 'lastTime' + lastTime);
if (currentTime == lastTime) {
videoPlay.currentTime(currentTime + 10000);
videoPlay.play();
video.currentTime(currentTime + 10000);
video.play();
// // 尝试5次播放后，如仍未播放成功提示刷新
// if (++tryTimes > 5) {
// alert('您的网速有点慢，刷新下试试');