如何在页面中监控视频的播放状态，需要监控他的开始播放和停止时的状态

长腮的北极熊 2013-06-26 11:05:46

就在视频点击播放的时候弹出一个提示“开始播放”，视频停止之后弹出一个提示“播放停止”，谁有比较好的解决方案啊，急求...

...全文

171 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

背景因为项目需求，需要在web页面播放实时监控视频，而且是同时播放多个视频，还支持切换页面播放。监控是大华和海康厂家的，并没有做流服务器，还是rtsp的流媒体格式，所以不能用H5的video来播放。方案一后端把rtsp转成web支持的rtmp格式，然后使用video.js(使用方法看文档)来包装处理rtmp流媒体。遇到的坑同时加载多个视频会占用大量内存，而且丢包严重，导致页面...

视频监控平台软件的web客户端手动去关闭正在播放的视频画面；接口只是请求了实时视频，但没有向服务端发送视频心跳保活数据包的情况下，视频会停止播放；心跳保活是网络通信中的一种机制，用于维护长连接的可用性。具体来说，心跳保活是指应用层通过定时发送心跳包的方式，来检测并维持双方连接的状态。通信的某一方（通常是客户端）按照预定的时间间隔向另一方（服务端）发送心跳包。如果服务端正常接收到心跳包并作出响应，则认为双方连接正常；如果服务端在一定时间内未收到心跳包或响应，则认为连接可能出现问题。

uni-app，h5移动端网页，小程序，安卓，苹果ios，app，nvue，EZVIZ萤石，uniapp萤石云摄像头监控，uniApp项目集成萤石云详细示例代码，Uniapp中使用萤石云播放视频，使用萤石云播放视频，萤石云实现多窗口监控，展示多个监控画面同时播放，ezuikit.js，云台控制左右移动，莹石摄像头直播视频，萤石视频回放，摄像头黑屏不显示，加载慢报错出错，多个摄像头宫格布局，niapp萤石云视频监控对接，实现海康萤石直播预览、回放、云台控制功能，如何利用萤石实现直播推流回流，实时监控播放，监控

uniapp播放m3u8格式视频，h5移动端网页，微信小程序，支付宝小程序，Android安卓，苹果ios，app，nvue，实现hls流媒体监控摄像头实时播放，播放m3u8视频流格式，实时直播画面视频流播放，摄像头监控画面推流，hls.js，uniapp H5播放m3u8视频流格式，实现hls流媒体监控摄像头实时播放，Uniapp中怎么播放m3u8格式的视频，uniapp小程序m3u8格式视频，通过HLS协议播放m3u8格式视频，黑屏不显示，视频非常卡加载缓慢，uniAPP播放器插件,支持m3u8(hls

vue播放m3u8视频流格式，实现hls流媒体监控摄像头实时播放，播放监控m3u8视频流格式，苹果ios播放，vue中使用video标签播放MP4，西瓜视频插件，循环多个实时监控视频(m3u8格式)列表，实时直播画面视频流播放，摄像头监控画面推流，hls.js，Vue Video.js播放m3u8视频流格式，实现hls流媒体监控摄像头实时播放，vue中使用video.js播放m3u8格式的视频，m3u8格式视频，通过HLS协议播放m3u8格式视频，vue组件播放m3u8格式视频，黑屏不显示怎么办，播放失败，

87,993

社区成员

224,694

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章