zm/sociology_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2222

Browse Source
This commit is contained in:
guilinlan jin
2024-07-17 17:20:49 +08:00
parent 5e7cfdbec3
commit 1dc5c16c59
6 changed files with 98 additions and 574 deletions
Download Patch File Download Diff File Expand all files Collapse all files

119
unpackage/dist/dev/app-plus/static/html/aliplayer.html vendored
View File

@@ -1,93 +1,38 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta name="viewport"
content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
<title>Aliplayer Online Settings</title>
<script type="text/javascript" src="https://unpkg.com/@dcloudio/uni-webview-js@0.0.1/index.js"></script>
<script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.1.js"></script>
<script src="./vue.js"></script>
<!-- <script src="./textData.js"></script> -->
<script>
var viewWidth = window.screen.width;
if (viewWidth < 768) {
//document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1.0, maximum-scale=1, user-scalable=no, minimal-ui">');
} else {
document.write('<style>@media screen and (min-width: 768px) and (max-width: 1199px) {html {zoom: 0.8;}}</style>');
}
</script>
<link rel="stylesheet"
href="https://g.alicdn.com/apsara-media-box/imp-web-player/2.24.1/skins/default/aliplayer-min.css" />
<script type="text/javascript" charset="utf-8"
src="https://g.alicdn.com/apsara-media-box/imp-web-player/2.24.1/aliplayer-min.js"></script>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="IE=edge" >
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/>
<title>Aliplayer Online Settings</title>
<link rel="stylesheet" href="https://g.alicdn.com/apsara-media-box/imp-web-player/2.24.1/skins/default/aliplayer-min.css" />
<script type="text/javascript" charset="utf-8" src="https://g.alicdn.com/apsara-media-box/imp-web-player/2.24.1/aliplayer-min.js"></script>
</head>
<body>
<div id="app">
<div class="prism-player" id="player-con" style="width: 100%;height: 200px;"></div>
</div>
</body>
<script type="text/javascript">
// 在引用依赖的文件后，需要在 HTML 中监听 UniAppJSBridgeReady 事件触发后，才能安全调用 uni 的 API。
document.addEventListener('UniAppJSBridgeReady', function () {
uni.getEnv(function (res) {
console.log('获取当前环境：' + JSON.stringify(res));
});
const data = plus.webview.getWebviewById("batch_view").data;//上传时最后一个参数
console.log('这是app传参数进来的', JSON.stringify(data), 'videoData')
app.videoData = data.videoData
console.log('这是app传参数进来的1111', JSON.stringify(app.videoData), 'videoData')
});
// HTML 接受APP发送过来的消息 (H5端)
window.addEventListener('message', e => {
console.log(e, 'HTML 接受APP发送过来的消息 (H5端)');
app.dataList = JSON.parse(e.data.data).navigation
console.log(app.dataList, '+++++++++');
}, false)
// HTML 接受APP发送过来的消息 (APP端)
function requestData(data) {
console.log(JSON.stringify(data), 'HTML 接受APP发送过来的消息 (APP端)');
app.dataList = data.navigation // 赋值
<div class="prism-player" id="player-con"></div>
<script>
var player = new Aliplayer({
"id": "player-con",
"vid": "000d96cd433771efbff25420848c0102",
"accessKeyId": "STS.NTU6wnMWbcmnKAgPE3sxPorh4",
"securityToken": "CAISwgJ1q6Ft5B2yfSjIr5fgfc3aoIhD1K+FSWfWtEVmf/d8gLfD1jz2IHhMdHFuB+4YsP41lWtS7f8alqJvRoRZXkHfdsp36MzCfcpIh9CT1fau5Jko1beDewHKeT+ZsebWZ+LmNqS/Ht6md1HDkAJq3LL+bk/Mdle5MJqP+/EFA8oQUlv6F00kYu1bPQx/ssQXGGLMPPK2SH7Qj3HXEVBjt3gX6wo9y9zmnJXAtUaG1Qalmr5M9tyuGPX+MZkwZqUYesyuwel7epDG1CNt8BVQ/M909vccoWef4I/DXQcLuUTdabGNqscAMgh1fK8+Fr7vNBB7d2X80Aa6tfMUq34lVYk9O0xU1DO2RNwb4Zu2LCA/bJjxDWbj2B5zWvYOS/vdiIPa5dqnghPI55Kh8N31m9ywwdXEh7uyiWz4I9GdhgFoufIdGoABFy8JuV0rtNIdm/XPwIfLCYEtyBppI8M4C1t84QG+hmLu4SL5QzXPI5xzLFYKe+J+BPnNo8Qvc+RuFfU8chJ7in2jk1ixsbVMM1o1OWlYdlf6bmnwo00ljA9x3z2+EeQr9lvCv3s9rXRk4iwoSWQ1njT/GpxOSB9e+dm6TPbT0YggAA==",
"accessKeySecret": "75zxgsbpY3V7MnhuCorHDQTWXqoSYLK682edTGwEsAii",
"region": "cn-shanghai",
"format": "m3u8",
"mediaType": "video",
"encryptType": 1,
"width": "100%",
"height": "500px",
"autoplay": true,
"isLive": false,
"rePlay": false,
"playsinline": true,
"preload": true,
"controlBarVisibility": "hover",
"useH5Prism": true
}, function (player) {
console.log("The player is created");
}
var app = new Vue({
el: '#app',
data: {
textTip: "提示信息",
dataList: [],
videoData: {},
},
mounted() {
},
onLoad() {
},
onShow() {
},
methods: {
}
})
</script>
);
</script>
</body>