|
这里提供个.stml文件,仅供参考。
<template>
<scroll-view class="main" scroll-y>
<mo-tcsuperplayer id='SuperPlayerView' class='avmclass'></mo-tcsuperplayer>
<button class="avmclickbtn" data-name="avm" tapmode="active"
onclick="fuc_initPlayer()">fuc_initPlayer</button>
<button class="avmclickbtn" data-name="avm" tapmode="active"
onclick="fuc_closePlayer()">fuc_closePlayer</button>
<button class="avmclickbtn" data-name="avm" tapmode="active"
onclick="fuc_playWithUrl()">fuc_playWithUrl</button>
<button class="avmclickbtn" data-name="avm" tapmode="active"
onclick="fuc_playWithTCloud()">fucplayWithTCloud</button>
<button class="avmclickbtn" data-name="avm" tapmode="active"
onclick="fuc_setPlayerFullScreen()">fuc_setPlayerFullScreen</button>
<button class="avmclickbtn" data-name="avm" tapmode="active"
onclick="fuc_addPlayerListener()">fuc_addPlayerListener</button>
<button class="avmclickbtn" data-name="avm" tapmode="active"
onclick="fuc_resetPlayer()">fuc_resetPlayer</button>
<button class="avmclickbtn" data-name="avm" tapmode="active"
onclick="fuc_resumePlayer()">fuc_resumePlayer</button>
<button class="avmclickbtn" data-name="avm" tapmode="active"
onclick="fuc_pausePlayer()">fuc_pausePlayer</button>
<button class="avmclickbtn" data-name="avm" tapmode="active"
onclick="fuc_seekToTime()">fuc_seekToTime</button>
<button class="avmclickbtn" data-name="avm" tapmode="active"
onclick="fuc_setKeyFrameDescList()">fuc_setKeyFrameDescList</button>
<button class="avmclickbtn" data-name="avm" tapmode="active"
onclick="fuc_getKeyFrameDescList()">fuc_getKeyFrameDescList</button>
<button class="avmclickbtn" data-name="avm" tapmode="active"
onclick="fuc_getThumbnail()">fuc_getThumbnail</button>
<button class="avmclickbtn" data-name="avm" tapmode="active"
onclick="fuc_getPlayerState()">fuc_getPlayerState</button>
<button class="avmclickbtn" data-name="avm" tapmode="active"
onclick="fuc_setCoverImage()">fuc_setCoverImage</button>
<button class="avmclickbtn" data-name="avm" tapmode="active"
onclick="fuc_setLoop()">fuc_setLoop</button>
<button class="avmclickbtn" data-name="avm" tapmode="active"
onclick="fuc_setStartTime()">fuc_setStartTime</button>
<button class="avmclickbtn" data-name="avm" tapmode="active"
onclick="fuc_getPlayDuration()">fuc_getPlayDuration</button>
<button class="avmclickbtn" data-name="avm" tapmode="active"
onclick="fuc_getCurrentTime()">fuc_getCurrentTime</button>
<button class="avmclickbtn" data-name="avm" tapmode="active"
onclick="fuc_playFenestrule()">fuc_playFenestrule</button>
<button class="avmclickbtn" data-name="avm" tapmode="active"
onclick="fuc_backFenestrulePlay()">fuc_backFenestrulePlay</button>
<button class="avmclickbtn" data-name="avm" tapmode="active"
onclick="fuc_backFramePlay()">fuc_backFramePlay</button>
<button class="avmclickbtn" data-name="avm" tapmode="active"
onclick="fuc_closeFenestrulePlay()">fuc_closeFenestrulePlay</button>
<button class="avmclickbtn" data-name="avm" tapmode="active"
onclick="fuc_addFenestruleListener()">SuperPlayer_addFenestruleListener</button>
</scroll-view>
</template>
<script>
export default {
name: 'modtest',
methods: {
fuc_configPlayerView() {
var sPlayer = document.getElementById('SuperPlayerView');
sPlayer.configPlayerView({
rect: {
x: 0,
y: 0,
w: 'auto',
h: 300
},
// fixedOn: 'page2',
// fixed: true
})
},
fuc_resizePlayerView() {
var sPlayer = document.getElementById('SuperPlayerView');
sPlayer.resizePlayerView({
rect: {
x: 40,
y: 20,
w: 'auto',
h: 300
},
// fixedOn: 'page2',
// fixed: true
})
},
fuc_hidePlayerView() {
var sPlayer = document.getElementById('SuperPlayerView');
sPlayer.hidePlayerView()
},
fuc_showPlayerView() {
var sPlayer = document.getElementById('SuperPlayerView');
sPlayer.showPlayerView()
},
fuc_initPlayer() {
var sPlayer = document.getElementById('SuperPlayerView');
if (sPlayer){
sPlayer.initPlayer();
} else {
api.alert({msg:123456});
}
},
fuc_closePlayer() {
var sPlayer = document.getElementById('SuperPlayerView');
sPlayer.closePlayer()
},
fuc_playWithUrl() {
var sPlayer = document.getElementById('SuperPlayerView');
sPlayer.playWithUrl({
title: '这是标题',
videoURL: 'http://af1fb2ef33ba36ebbfad.qiniucdn.apicloud**.**/apicloud/1b99aa5822f858abd1da8b2bb8332055.MP4',
//multiVideoURLs: [{
// title: '高清',
// url: 'http://1251760473.vod2**.**/4f5afa0bvodtransgzp1251760473/c2d4c82a3701925919837902433/v.f100040.mp4'
//}, {
// title: '高清',
// url: 'http://af1fb2ef33ba36ebbfad.qiniucdn.apicloud**.**/apicloud/1b99aa5822f858abd1da8b2bb8332055.MP4'
//}],
//defaultPlayIndex: 1
})
},
fuc_playWithTCloud() {
var sPlayer = document.getElementById('SuperPlayerView');
sPlayer.playWithTCloud({
title: '广告',
appId: 1400329073,
fileId: '5285890799710670616',
psign:'sign'
})
},
fuc_setPlayerFullScreen() {
var sPlayer = document.getElementById('SuperPlayerView');
sPlayer.setPlayerFullScreen()
},
fuc_addPlayerListener() {
var sPlayer = document.getElementById('SuperPlayerView');
sPlayer.addPlayerListener(function (ret) {
console.log(JSON.stringify(ret));
});
},
fuc_resetPlayer() {
var sPlayer = document.getElementById('SuperPlayerView');
sPlayer.resetPlayer();
},
fuc_resumePlayer() {
var sPlayer = document.getElementById('SuperPlayerView');
sPlayer.resumePlayer();
},
fuc_pausePlayer() {
var sPlayer = document.getElementById('SuperPlayerView');
sPlayer.pausePlayer();
},
fuc_seekToTime() {
var sPlayer = document.getElementById('SuperPlayerView');
sPlayer.seekToTime({
toTime: 10
})
},
fuc_setKeyFrameDescList() {
var sPlayer = document.getElementById('SuperPlayerView');
sPlayer.setKeyFrameDescList({
frameDescList: [{
where: 10,
time: 1,
text: '你笑起来真好看'
}]
})
},
fuc_getKeyFrameDescList() {
var sPlayer = document.getElementById('SuperPlayerView');
sPlayer.getKeyFrameDescList(function (ret) {
console.log(JSON.stringify(ret));
});
},
fuc_getThumbnail() {
var sPlayer = document.getElementById('SuperPlayerView');
sPlayer.getThumbnail({
time: 10
}, function (ret) {
console.log(JSON.stringify(ret));
});
},
fuc_getPlayerState() {
var sPlayer = document.getElementById('SuperPlayerView');
sPlayer.getPlayerState(function (ret) {
console.log(JSON.stringify(ret));
});
},
fuc_setCoverImage() {
var sPlayer = document.getElementById('SuperPlayerView');
sPlayer.setCoverImage({
coverImage: 'fs://res/color.png'
})
},
fuc_setLoop() {
var sPlayer = document.getElementById('SuperPlayerView');
sPlayer.setLoop({
loop: true
})
},
fuc_setStartTime() {
var sPlayer = document.getElementById('SuperPlayerView');
sPlayer.setStartTime({
startTime: 10
})
},
fuc_getPlayDuration() {
var sPlayer = document.getElementById('SuperPlayerView');
sPlayer.getPlayDuration(function (ret) {
console.log(JSON.stringify(ret));
});
},
fuc_getCurrentTime() {
var sPlayer = document.getElementById('SuperPlayerView');
sPlayer.getCurrentTime(function (ret) {
console.log(JSON.stringify(ret));
});
},
fuc_playFenestrule() {
var sPlayer = document.getElementById('SuperPlayerView');
sPlayer.playFenestrule()
},
fuc_backFenestrulePlay() {
var sPlayer = document.getElementById('SuperPlayerView');
sPlayer.backFenestrulePlay()
},
fuc_backFramePlay() {
var sPlayer = document.getElementById('SuperPlayerView');
sPlayer.backFramePlay()
},
fuc_closeFenestrulePlay() {
var sPlayer = document.getElementById('SuperPlayerView');
sPlayer.closeFenestrulePlay()
},
fuc_addFenestruleListener() {
var sPlayer = document.getElementById('SuperPlayerView');
sPlayer.addFenestruleListener(function (ret) {
console.log('addFenestruleListener' + JSON.stringify(ret));
if (ret.eventType == 'close') {
sPlayer.closeFenestrulePlay();
} else {
sPlayer.backFramePlay();
}
});
}
}
}
</script>
<style src='../../css/box.css'>
.avmtitle {
padding: 10px 0;
font-size: 15px;
margin: auto;
}
.avmclickbtn {
/**按钮**/
width: auto;
margin: 2px;
border-color: rgb(101, 231, 107);
border-style: solid;
border-width: 2px;
padding: 8px;
background-color: #eeeeee;
border-radius: 10px;
}
.avmclass {
width: 100%;
height: 300px;
}
.SuperPlayerView {
width: 100%;
height: 300px;
border-top-style: dotted;
border-right-style: solid;
border-bottom-style: dotted;
border-left-style: solid;
background-color: #a78383;
}
</style>
|
|