视频监控播放（UIKit ）

拼搏现实的明天。 2022-02-13 15:41 467阅读 0赞

超简单，直接上代码：

<!DOCTYPE html>
    <html>
        
        <head>
            <meta charset="utf-8" />
            <title>视频监控</title>
            <style>
            #myPlayer{
                /* max-width: 500px; */
                width: 100%;
                border-radius:20px 20px 20px 20px;
            }
            </style>
            <script src="https://open.ys7.com/sdk/js/1.3/ezuikit.js"></script>
        </head>
        <body>
            <video id="myPlayer" poster="" controls playsInline webkit-playsinline autoplay>
                <source src="http://hls01open.ys7.com/openlive/fbe9b00465xxxxxxxxxxxxxd7f9abd.m3u8" type="application/x-mpegURL" />
            </video>
    			<script>
    
    			var player = new EZUIPlayer('myPlayer');
    			function log(str){
    						   var div = document.createElement('DIV');
    						   div.innerHTML = (new Date()).Format('yyyy-MM-dd hh:mm:ss.S') + JSON.stringify(str);
    						   document.body.appendChild(div);
    			}
    				
    		</script>
        </body>
    </html>

效果：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NodzA2Mjk_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NodzA2Mjk_size_16_color_FFFFFF_t_70]: /images/20220213/f88ecf5e09754231a3670b1d1af55faa.png

发表评论取消回复

表情：

评论列表（有 0 条评论，467人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML5的GB/T28181协议监控视频直播 web播放网页播放 H5播放

采用GB/T28181协议的监控视频直播系统中，由于GB/T 28181媒体流无法在Web页面中通过Flash插件或HTML5<audio>和<video>标签进行直接播放，故

冷不防/ 2023年10月13日 23:07/ 0 赞/ 195 阅读

相关监控视频web播放方案

直播目前直播的技术方案一般是：把RTSP流转成RTMP流推到RTMP流媒体服务器上，浏览器请求RTMP流开始播放。 RTMP是Adobe公司推出的格式，视频格式是f

超、凢脫俗/ 2023年10月13日 08:42/ 0 赞/ 62 阅读

相关 Web浏览器基于Flash实时播放监控视频（二）

> vue项目中应用vue-video-player与videojs-flash实现RTMP流播放所需插件 `npm install vue-video-pla

╰半夏微凉°/ 2022年12月31日 12:24/ 0 赞/ 197 阅读

相关 Web浏览器基于Flash实时播放监控视频（一）

安装插件插件安装 npm install video.js --save cnpm install --save videojs-flash c

爱被打了一巴掌/ 2022年12月31日 12:19/ 0 赞/ 411 阅读

相关 Android 视频播放

一、xml布局文件 <VideoView android:id="@+id/videoView" android:layout_wid

秒速五厘米/ 2022年10月26日 03:59/ 0 赞/ 360 阅读

相关学习笔记——Vue中播放直播流（监控视频）

> Vue项目中需要播放监控视频或者直播。 -------------------- 1.npm下载包 npm i video.js npm i vi

分手后的思念是犯贱/ 2022年09月11日 05:24/ 0 赞/ 239 阅读

相关 JSP播放视频

以下代码直接放在<body></body>中在网站中插入media视频的代码- - <OBJECT id=WMP height=320 standby=Loadi

忘是亡心i/ 2022年06月16日 10:42/ 0 赞/ 346 阅读

相关 iOS 视频播放

1 AVPlayer (1) 优缺点优点:可以自定义 UI, 进行控制缺点:单纯的播放,没有控制 UI(进度,暂停,播放等按钮),而且如果要显示

灰太狼/ 2022年06月14日 02:27/ 0 赞/ 414 阅读

相关视频监控播放（UIKit ）

超简单，直接上代码： <!DOCTYPE html> <html> <!-- UIKit Javascript 说明：

拼搏现实的明天。/ 2022年02月13日 15:41/ 0 赞/ 468 阅读

相关视频播放组件

import React, \{Component\} from 'react'; import \{View, Dimensions, Image, Text, Slid

Bertha 。/ 2021年09月19日 13:48/ 0 赞/ 620 阅读