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 v-if="lineCode == '07'" id="jlReal3d" class="jlReal3d">
<div class="realCctv1"> <div class="realCctv1">
<video id="myvideo0" class="video-js"> <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> </video>
</div> </div>
<div class="realCctv2"> <div class="realCctv2">
@ -112,7 +112,7 @@ export default {
{ {
controls: false, controls: false,
autoplay: 'muted', autoplay: 'muted',
loop: true, loop: false,
preload: 'auto', preload: 'auto',
width: window.innerWidth / 4 + 'px', width: window.innerWidth / 4 + 'px',
height: window.innerHeight / 2 + 'px', height: window.innerHeight / 2 + 'px',
@ -122,20 +122,34 @@ export default {
}, },
function () { function () {
console.log('videojs播放器初始化成功'); 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() { this.on('loadedmetadata', function() {
console.log('loadedmetadata'); console.log('loadedmetadata');
// 加载到元数据后开始播放视频 // 加载到元数据后开始播放视频
// startVideo(); // startVideo();
video.autoplay(true);
var lastTime = -1; var lastTime = -1;
// var tryTimes = 0; // var tryTimes = 0;
let isVideoBreak = null; let isVideoBreak = null;
clearInterval(isVideoBreak); clearInterval(isVideoBreak);
isVideoBreak = setInterval(function() { isVideoBreak = setInterval(function() {
var currentTime = videoPlay.currentTime(); // debugger;
var currentTime = video.currentTime();
console.log('currentTime' + currentTime + 'lastTime' + lastTime); console.log('currentTime' + currentTime + 'lastTime' + lastTime);
if (currentTime == lastTime) { if (currentTime == lastTime) {
videoPlay.currentTime(currentTime + 10000); video.currentTime(currentTime + 10000);
videoPlay.play(); video.play();
// // 尝试5次播放后，如仍未播放成功提示刷新 // // 尝试5次播放后，如仍未播放成功提示刷新
// if (++tryTimes > 5) { // if (++tryTimes > 5) {
// alert('您的网速有点慢，刷新下试试'); // alert('您的网速有点慢，刷新下试试');

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

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