希望能提供下模块TCSuperPlayer的使用例子

拾文

菜鸟一枚，引擎用的是3.0，有个别接口仅支持2.0引擎。3.0引擎看文档说明需要通过mo-tcsuperplayer标签配置，但不知如何操作。
在调用播放接口时没有播放页面仅听到视频的声音，调用全屏接口后能才显示视频页面，
希望能提供一下截图的例子学习学习
超级播放器.png

模块开发-JP1688

Android 不需要配置这个啊？你是什么手机测试的？

拾文

用的测试设备是iPhone 12

JP1688 · 2022-3-3 17:10Android 不需要配置这个啊？你是什么手机测试的？

iOS技术支持-Turbo

这里提供个.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>

拾文

非常感谢。

土匪弟弟

用上了吗?是3.0上面调用不?

[插件使用] 希望能提供下模块TCSuperPlayer的使用例子