文章rtp rtsp gb 转html5播放

文章【rtp rtsp gb28181 转html5】忘了放flv得测试代码，下面给出：

<!DOCTYPE html>
<html><head><meta content="text/html; charset=utf-8" http-equiv="Content-Type"><title>flv.js demo</title><style>.mainContainer {display: block;width: 640px;margin-left: auto;margin-right: auto;}.urlInput {display: block;width: 100%;margin-left: auto;margin-right: auto;margin-top: 8px;margin-bottom: 8px;}.centeredVideo {display: block;width: 100%;height:360px;margin-left: auto;margin-right: auto;margin-bottom: auto;}.controls {display: block;width: 100%;text-align: left;margin-left: auto;margin-right: auto;}</style>
</head><body><div class="mainContainer"><video muted id="videoElement" class="centeredVideo" controls autoplay width="1024" height="576">Your browser is tooold which doesn't support HTML5 video.</video></div><br><div class="controls"><!--<button οnclick="flv_load()">加载</button>--><button onclick="flv_start()">开始</button><button onclick="flv_pause()">暂停</button><button onclick="flv_destroy()">停止</button></div><script src="flv.min.js"></script><script>var player = document.getElementById('videoElement');if (flvjs.isSupported()) {var flvPlayer = flvjs.createPlayer({type: 'flv', hasAudio: false,hasVideo: true,isLive: true,//<====加个这个 url: 'ws://127.0.0.1:9000/live/1001',//<==自行修改},{enableWorker: false,enableStashBuffer: false,//stashInitialSize: 32,/*lazyLoad: true,lazyLoadMaxDuration: 3 * 60,lazyLoadRecoverDuration: 30,deferLoadAfterSourceOpen: false,autoCleanupSourceBuffer: true,autoCleanupMaxBackwardDuration: 3 * 60,autoCleanupMinBackwardDuration: 2 * 60,statisticsInfoReportInterval: 600,fixAudioTimestampGap: false,*/});flvPlayer.attachMediaElement(videoElement);flvPlayer.load(); //加载flv_start();} function flv_start() {player.play();} function flv_pause() {player.pause();} function flv_destroy() {player.pause();player.unload();player.detachMediaElement();player.destroy();player = null;}</script>
</body></html>

由于我们得测试并没有音频，因此将音频禁止了，同时video标签上把muted加上，代表静音，防止chrome浏览器报错停止视频播放。

结果如下图：

再次解释一下由于使用得是ws连接，websocket是默认跨域，所以使用文件直接浏览器打开就好，这样测试方便。

ws flv连接播放得测试代码相关推荐

li连接mysql代码_php连接mysql基本代码-测试代码
我们现在来介绍一下php连接mysql最基本的操作. 我想学习PHP的同学,估计没有不认识mysql,而用php来操作mysql首先要做的就是连接好mysql我们现在就来说一下,如何用php来连接my ...
flv网页播放器php源码下载,JavaScript_js实现的万能flv网页播放器代码，本文实例讲述了js实现的万能fl - phpStudy...
js实现的万能flv网页播放器代码本文实例讲述了js实现的万能flv网页播放器代码.分享给大家供大家参考,具体如下: 附: swfobject.js的官方地址:http://blog.deconce ...
flv 自动播放 html autostart=true,《网页制作之FLV视频播放代码的编写.doc
<网页制作之FLV视频播放代码的编写网页制作之FLV视频播放代码的编写解决方案一:编写成js嵌入网页中直接copy下面代码,修改其中红色部分,即:swf_width.swf_height.t ...
后端代码之服务端 - MongoDB数据库的连接、重启测试与(Studio3T)查看 - 讲解篇
文章目录前言一. 在项目中安装Mongoose中间件二. 安装完毕,新建一个路由作为测试路由通过WebStorm软件,打开项目,编辑index.js文件: 三.重启服务,浏览器查看:测试连接是 ...
php7连接mysql测试代码
php7连接mysql测试代码 <?php $mysqli = new mysqli("localhost", "root", "passwor ...
flv f4v mp4 视频播放器代码
flv f4v mp4 视频播放器代码 ckplayer是一款在网页上播放视频的免费的播放器,功能强大,体积小巧,跨平台,使用起来随心所欲. 播放器主要以adobe的flash(所使用的版本是CS5) ...
Vcastr 2.2 flv 网络播放器
导读: Vcastr2.2 是一款FLV网络播放器,可以用于各种新闻系统或者blog系统,Vcastr 拥有众多特点和自定义设置,经过不断升级修正,已经具备用户需要的大多数基本功能. 例子免费下载 ...
Go语学习笔记 - websocket gorilla（附测试代码） | 从零开始Go语言
目录项目结构消息结构服务端代码定义客户端行为服务启动测试代码总结学习笔记,写到哪是哪. websocket也是常用的协议了,在上一篇中主要测试使用了一下grpc. 下面我会把代码贴出来 ...
EMQ踩坑之路-搭建/测试/nginx配置websocket的ws及wss/web页面测试连通性、微信小程序使用wss--MQTT推送
最近公司要做推送平台,我接手做这个任务.在使用过程中遇到一些坑,这里分享给大家. 一.MQTT协议介绍推送平台一般是基于轻量级的mqtt协议搭建的.mqtt协议是物联网领域常用的,是实现长链接的一种 ...

ws flv连接播放得测试代码

文章rtp rtsp gb 转html5播放

ws flv连接播放得测试代码相关推荐

最新文章

热门文章