84 lines
2.3 KiB
HTML
84 lines
2.3 KiB
HTML
<!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://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>
|
|
</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));
|
|
});
|
|
});
|
|
|
|
// 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 // 赋值
|
|
}
|
|
|
|
|
|
var app = new Vue({
|
|
el: '#app',
|
|
data: {
|
|
textTip: "提示信息",
|
|
dataList: []
|
|
},
|
|
mounted() {
|
|
|
|
},
|
|
onLoad() {
|
|
|
|
},
|
|
onShow() {
|
|
|
|
},
|
|
methods: {
|
|
}
|
|
})
|
|
|
|
</script> |