63 lines
3.0 KiB
HTML
63 lines
3.0 KiB
HTML
<!--
|
|
* @Author: zhangtq 2452618307@qq.com
|
|
* @Date: 2024-11-15 14:42:08
|
|
* @LastEditors: zhangtq 2452618307@qq.com
|
|
* @LastEditTime: 2024-11-18 17:49:26
|
|
* @FilePath: static/videoPage/videoPlay.html
|
|
* @Description: 这是默认设置,可以在设置》工具》File Description中进行配置
|
|
-->
|
|
<!DOCTYPE html>
|
|
<html dir="ltr" mozdisallowselectionprint moznomarginboxes>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
<meta name="google" content="notranslate">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<link rel="stylesheet" href="../js/core/css/h5/qx/video.css" />
|
|
<!-- 清晰基础js -->
|
|
<script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script>
|
|
<script src="../../static/js/jquery.js"></script>
|
|
<script src="../../static/js/core/public.js"></script>
|
|
<script src="../../static/js/qx/utility/include.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../../static/js/qx/utility/jquery.json-2.4.js" type="text/javascript"></script>
|
|
<script src="../../static/js/qx/utility/html2canvas.js"></script>
|
|
<script src="../../static/js/qx/utility/FileSaver.min.js"></script>
|
|
<!-- <script src="/static/js/qx/utility/h5live-1.0.6.js"></script> -->
|
|
<script src="../../static/js/qx/utility/conf.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../../static/js/qx/utility/flv.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../../static/js/qx/utility/talk.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../../static/js/qx/utility/video-7.19.1.min.js" type="text/javascript" charset="utf-8"></script>
|
|
<!-- 球机页面初始化 -->
|
|
<script src="../../static/js/qx/qxVideo.js" type="text/javascript" charset="utf-8"></script>
|
|
<!-- 流媒体服务加载及云台操作 -->
|
|
<script src="../../static/js/qx/connection.js" type="text/javascript" charset="utf-8"></script>
|
|
|
|
|
|
|
|
<style>
|
|
/* for Chrome */
|
|
#balla ::-webkit-scrollbar {
|
|
display: none !important;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body id="body">
|
|
<div class="videoContainer">
|
|
<button id="startPlay" onclick="startPlayVideo();" style="display: none">播放</button>
|
|
<div id="ball1">
|
|
<video id="video1" class="video-js"></video>
|
|
</div>
|
|
<div style="width: 100%">
|
|
<img src="../js/core/img/video/wdj/x.png" style="position: absolute;top: 92%;left:15%" onmousedown="ptz('TurnRight');" onmouseup="ptz('StopTurn');"/>
|
|
<img src="../js/core/img/video/wdj/s.png" style="position: absolute;top: 92%;left:35%" onmousedown="ptz('TurnLeft');" onmouseup="ptz('StopTurn');"/>
|
|
<img src="../js/core/img/video/wdj/z.png" style="position: absolute;top: 92%;left:55%" onmousedown="ptz('TurnDown');" onmouseup="ptz('StopTurn');"/>
|
|
<img src="../js/core/img/video/wdj/y.png" style="position: absolute;top: 92%;left:75%" onmousedown="ptz('TurnUp');" onmouseup="ptz('StopTurn');"/>
|
|
</div>
|
|
</div>
|
|
<div id="canvasDiv"></div>
|
|
<canvas id="huaImg" style="display: none"></canvas>
|
|
</body>
|
|
|
|
</html>
|