83 lines
2.5 KiB
Plaintext
83 lines
2.5 KiB
Plaintext
<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>
|