引入了sts播放器

This commit is contained in:
@fawn-nine
2024-07-17 09:37:39 +08:00
parent 2cf585340f
commit 0342b547da
6 changed files with 437 additions and 262 deletions

View File

@@ -36,6 +36,9 @@
</div>
</view>
</view>
<view class="">
<button @click="onPageJump('pages/stsViode/index/index')">进入sts播放页面</button>
</view>
<view class="newLeve2">
<view class="home_nar nomargin" style="padding: 0; background-color: #fff;">
<view class="flexbox">

View File

@@ -0,0 +1,82 @@
<template>
<view>
<zhimi_aliplayer_view ref="playerView" style="width:100%;height:300px;"></zhimi_aliplayer_view>
<button type="primary" @click="start()">开始</button>
<button type="primary" @click="pause()">暂停</button>
</view>
</template>
<script>
export default {
data() {
return {
}
},
onLoad() {
},
onShow () {
// this.start()
},
onHide () {
this.pause()
},
mounted() {
var playerView = this.$refs.playerView;
// STS加密播放
playerView.setVidSts({
"vid": "000d96cd433771efbff25420848c0102",
"accessKeyId": "STS.NTYS5HX1bPvQjYWponDXq98bx",
"securityToken": "CAISwgJ1q6Ft5B2yfSjIr5fsGI/8te5D57S6aH/mlG87SNdd1v3Jmjz2IHhMdHFuB+4YsP41lWtS7f8alqJvRoRZXkHfdsp36Mz9Ip06gNCT1fau5Jko1beDewHKeT+ZsebWZ+LmNqS/Ht6md1HDkAJq3LL+bk/Mdle5MJqP+/EFA8oQUlv6F00kYu1bPQx/ssQXGGLMPPK2SH7Qj3HXEVBjt3gX6wo9y9zmnJXAtUaG1Qalmr5M9tyuGPX+MZkwZqUYesyuwel7epDG1CNt8BVQ/M909vccoWef4I/DXQcLuUTdabGNqscAMgh1fK8+Fr7vNBB7d2X80Aa6tfMUq34lVYk9O0xUFJynfgTCU6ovuoKM/1JX7+gpfvTOV/+7+kpvCikgLwgpMPFKCRxrQicnUVK3ROLZvj6DDGitI3p9FJNoufIdGoABGc7UOtm9DDU/pi0V+xiw0bs4lZxhVq3n0EsSuqIxfuLh/HgErS/Unge6W4gMtKjo5NG4zivw4FuOsTNvTOkhTwGFat8zKKddIbld+X7HGS4rvTQmyj+u80IMkJ0JtE4AvVKkaDpcUS07xI8U838hiORuChj53SJCAXRX3IHxAY8gAA==",
"accessKeySecret": "2SGXYPudEcWhwCJJNVya3GqfJ16e12gDQ7JZT8xiWH2F",
"expireTime": "2024-07-17T02:20:21Z",
"Region": "cn-shanghai",
});
// playerView.setLocalSource({
// // uri:"https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2minute-demo.mp4"
// uri:"https://api3.mp4.to/static/downloads/9ab684a5-bc96-48e0-9bbf-8891649f0af5/sample-30s.m3u8"
// });
let isFullScreen = true;
// fixed fullscreen play on android
if (plus.os.name.toLowerCase() === 'android') {
plus.key.addEventListener('backbutton', e => {
if (isFullScreen) {
playerView.changeScreenMode(0, false)
isFullScreen = false
} else {
// 这里由于安卓无法监听返回按键这里只能通过plus监听然后自己模拟退回
uni.navigateBack()
}
});
}
playerView.setPlayerCallBack(({ type, data }) => {
switch (type) {
case 'isFullScreen':
isFullScreen = Boolean(data)
break
default:
console.log({ type, data })
}
})
},
methods: {
start() {
// this.$refs.playerView.start();
var playerView = this.$refs.playerView;
playerView.start();
},
pause() {
var playerView = this.$refs.playerView;
playerView.pause();
}
}
}
</script>
<style>
</style>