在 Web 页面使用 VLC 插件播放 m3u8 视频流 (360 极速模式)

1. 背景公司有个旧项目需要添加在线播放 m3u8 视频流,但是该流不知道什么原因使用 Video.js 或 hls.js 均无法播放,最后找到解决方案可使用 VLC 插件播放(360 极速模式下) 2. 示例代码 <!DOCTYPE html> <html> <head> <title>web camera</title> <meta http-equiv="content-type" content="t…

EasyNVR、EasyDSS二次开发之：RTMP、HLS流在web页面进行无插件播放示例Demo代码

不管是基于EasyNVR还是EasyDSS,都是支持无插件直播,这也是未来视频直播的一个趋势.对于传统的浏览器插件播放谁用谁知道: 以上是软件自带播放展示背景需求对于EasyNVR和EasyDSS的使用方式大概分为两大类,一类是直接将软件作为视频能力平台来进行使用:另一类就是将视频能力集成到自身的业务系统来,这就涉及到相关的接口调用和一些对应的功能的集成.对与前端的web播放器的集成也是一个需要注意的方向:通常也有很多客户会咨询到关于web播放器集成的相关问题,本篇博客也是对应web流媒体…

web网页中使用vlc插件播放相机rtsp流视频

可参考: 使用vlc播放器做rtsp服务器使用vlc播放器播放rtsp视频使用vlc进行二次开发做自己的播放器 vlc功能还是很强大的,有很多的现成的二次开发接口,不需配置太多即可轻松做客户端播放器或web网页播放器. 下面代码是web网页中使用vlc插件播放相机rtsp流视频: <html> <body> <!--[if IE]> <object type='application/x-vlc-plugin' id='vlc' events='True' c…

Web下无插件播放rtsp视频流的方案及各家优秀内容资源整理

Web下无插件播放rtsp视频流的方案及各家优秀内容资源整理方案一:服务器端用 websocket 接受 rtsp ,然后,推送至客户端实现步骤: 方案二:使用 ffmpeg + nginx 把 rtsp 转成了 hls 协议,客户端使用 videojs 播放实现步骤方案三:用 ffmpeg 把 rtsp 转成 rtmp 通过 nginx代理出去,其中核心处用到了 nginx 的 nginx-rtmp-module 模块,在客户端则使用著名的网页播放器 jwplayer 来播放 rtmp…

php使用播放插件播放m3u8,mp4,flv格式的视频

一.这里我主要是播放m3u8的视频,有两款比较好的插件,swise和ckpalyer,我介绍的是ckplayer,这是在pc端播放的,并且是需要flash支持的,不过现在的最新浏览器都是默认安装的二.http://www.ckplayer.com/down/(ckpalyer下载地址) 三.我的调用方式是官方的基本调用方法,可以看下官方的调用文档,接下来介绍俩种调用方法,一种是直接输出播放器的,这个不能使用layui弹出层的,另一种也是输出播放器,但可以使用layui弹出层的四.(第一种方法…

谷歌/微软/必应web页面免费翻译插件

随着网络时代的日益壮大,现在我们经常需要浏览一些各种外语的网页,或者是查阅资料帮助我们解决问题.更多的时候还是头疼在语言障碍上,正所谓"它认识你,你不认识它啊."谷歌和微软两个企业,作为当下科技领域的龙头企业,都有着各自针对翻译的解决方案,而且还非常易用.本文我就像大家介绍一下谷歌/微软/必应这三款web页面翻译工具. v写在前面很多时候,可能我们web项目中需要的只是机械式的翻译,并不需要什么利用xml或者js json等等实现逼真翻译,那样工作量太大.这时候可能你就需要这几款小工…

Web页面使用VLC播放插件

一.原生态Demo下载选择原因:我们为什么选择VLC播放插件?原因是它支持IE8浏览器播放视频,如果高版本的浏览器大可不必选择该插件,很多html5插件既好用又简单,但是有些交管或政府部门还是限制浏览器的.而且有些时候我们播放的视频格式也比较变态,比如使用海康威视sdk从它们的硬盘录像机上download的视频格式是MPEG2_PS的!这是一种DVD格式的视频格式,很多视频播放器不支持,而这时VLC变得很聪明,这也是我选择它的原因之一. 说到下载就生气,博客园只给100M空间,而且单次上传…

html页面引用video.js播放m3u8格式视频

//head里面的内容,我是采用cdn引用的方式,因为项目太小 <head> <meta charset="utf-8" /> <title>二级造价</title> <script src="https://cdn.bootcss.com/video.js/7.7.6/video.min.js"></script> <link href="https://cdn.bootcss…

jenkins初始化启动报错导致进入web页面如法安装插件

报错如下图所示: 解决方法: #1 查看网卡设置是否正确 #2 确定是否设置域名服务器 #3 查看路由表是否正常 #4 确保可用dns解析 #5 ping一下常见的公网地址…

【转】Hadoop web页面的授权设定

转载自过往记忆(http://www.iteblog.com/)本文链接地址: <Hadoop web页面的授权设定>(http://www.iteblog.com/archives/988) 一.相关概念在默认情况下,Hadoop相关的WEB页面(JobTracker, NameNode, TaskTrackers and DataNodes)是不需要什么权限验证就可以直接进入的,谁都可以查看到当前集群上有哪些作业在运行,这对安全来说是很不合理的.我们应该限定用户来访问Hadoop相关的W…

[转] web无插件播放RTSP摄像机方案，拒绝插件，拥抱H5！

需求问题:有没有flash播放RTSP的播放器?H5能不能支持RTSP播放? 答案:没见过,以后估计也不会有: 问题:可以自己做浏览器插件播放RTSP吗? 答案:可以的,chrome做ppapi插件,IE用ocx插件: 但是,兼容性太差了,开发成本过高.在PC web兼容性上面,目前最好的方案是flash或者H5,但是H5在IE比较低版本上面会存在不支持的问题,还是需要前端兼容切换成flash模式:在手机 web/微信兼容上面,毫无疑问,H5是唯一选择: 方案那么问题来了,如何能够实现需求中…

web无插件播放RTSP摄像机方案，拒绝插件，拥抱H5！

本文转自:http://www.cnblogs.com/babosa/p/7355468.html 需求问题:有没有flash播放RTSP的播放器?H5能不能支持RTSP播放? 答案:没见过,以后估计也不会有: 问题:可以自己做浏览器插件播放RTSP吗? 答案:可以的,chrome做ppapi插件,IE用ocx插件: 但是,兼容性太差了,开发成本过高.在PC web兼容性上面,目前最好的方案是flash或者H5,但是H5在IE比较低版本上面会存在不支持的问题,还是需要前端兼容切换成flash模…

EasyNVR网页Chrome无插件播放安防摄像机视频流是怎么做到web浏览器延时一秒内

背景说明由于互联网的飞速发展,传统安防摄像头的视频监控直播与互联网直播相结合是大势所趋.传统安防的直播大多在一个局域网内,在播放的客户端上也是有所限制,一般都需要OCX Web插件进行直播.对于安防监控的视频直播需求,根据不同的业务需求,对视频直播需求也不尽相同.针对这样的行业大环境背景,立足于开源社区的EasyDarwin团队推出了EasyNVR.EasyDSS等系列产品.而对于安防监控的视频直播需求,对延时要求都比较高. 用户问题咨询企业集成视频到自身的物联网系统时,发现视频直播延时相对…

粘帖屏幕截图到web页面插件 screenshot-paste

在很多场合下,我们可能有这样的需求:提供个屏幕截图上传到系统,作为一个凭证.传统的操作方式是:屏幕截图,保存文件到本地,在web页面上选择本地文件并上传,这里至少需要三步.有没有可能直接将截图粘帖到web页面上,然后上传?答案是:可以的.这就是本文要介绍的内容了. 由于我的项目有上传屏幕截图这样的需求,为了用户体验更佳,减少操作步骤,我在网上搜了一遍之后,找到了一些眉目.为了便于复用和共享,我又对该功能做了一些封装,于是便有了这个插件 screenshot-paste.运行效果如下图: 插件调用…

Chrome插件触发web页面的事件

Chrome插件中不能直接调用Web页面的元素js,原因是chrome插件的机制http://stackoverflow.com/questions/17819344/triggering-a-click-event-from-content-script-chrome-extension. 解决方法,click的触发方式如上面就行,现在是触发change事件: 获取HTML元素(不是JQuery的元素)st = document.getElementById("eleId");//或…

记Outlook插件与Web页面交互的各种坑 (含c# HttpWebRequest 连接https 的完美解决方法)

1) 方案一, 使用Web Service 基础功能没问题, 只是在连接https (ssh) 网站时, 需要针对https进行开发 (即http 和https 生成两套接口, 不太容易统一 ). 后来改为使用web页面交互(实质是.ashx) 结果也遇到了不少问题. 2) 方案二, 使用 HttpWebRequest . HttpWebRequest 这东西get数据很容易, POST却很麻烦, 最终代码如下: public class WebApiClient { pu…

QT使用插件QAxWidget来展示web页面

要求:用qt版开发一个桌面程序,该程序有一个界面,用来显示一个采用silverlight开发的web页面. 分析:在qt中实现web显示,根据qt的版本和对应编译器的版本,有如下选择: (1)5.6以下的版本,基于QtWebkit (2)5.6以上的MSVC版本,移除了QtWebkit 模块,可采用基于 Chromium 的浏览器引擎 Qt WebEngine (3)5.6以上的mingw 版本,没有Qt WebEngine ,只能采用QAxWidget 控件问题:用QtWebkit或Qt W…

海康威视嵌入到web页面相关问题

因项目上面需求,接触到了海康威视的设备,要把他嵌入到web页面中,所以就开始了爬坑之路刚开始不知道如何把设备的页面嵌入到项目的web页面中,直到我遇见了他——“WEB3.0控件开发包V1.0.9_CN” (感谢网友的无私奉献) 这个插件如果用chrome高版本的话会提示您的chrome浏览器版本过高,不支持NPAPI插件如果出现这个情况的话,你可以选firefox,或者下载低版本的chrome 找到这个页面的话,基本上的问题可以解决一半了,但是如果你需要支持回看录像的话,那么就…

流媒体测试笔记记录之————解决问题video.js 播放m3u8格式的文件,根据官方的文档添加videojs-contrib-hls也不行的原因解决了

详细代码Github:https://github.com/Tinywan/PHPSharedLibrary/tree/master/Tpl/Html5/VideoJS 想播放hls协议的就是m3u8文件,video.js原生不支持,官方有个插件videojs-contrib-hls 直接进入即可: <script src="__PUBLIC__/lib/video-js/videojs-contrib-hls.min.js"></script> 今天纠结了一天…

微信中web页面实现和公众号中查看图片一样的效果

最近开发了一套资讯相关的web页面,嵌套在微信中,可支持点赞.评论等...在文章详情中,图片需要点击放大,随手势放大缩小,左右可滑动切换,总之类似于微信公众号效果. 开始想的方案是用轮播插件.或者在img外面套一层a标签,a标签的链接放图片链接. 那么我来总结一下这两种方案的优缺点: 使用轮播插件: 1.效果酷炫: 2.可支持多种操作,如:手势缩放.旋转.滑动切换...: 3.缺点则是,插件无疑加大的移动端加载效率: 4.安卓设备下支持性不佳,出现卡顿. 使用a标签方法: 1.使用简单: 2.也…

流媒体技术学习笔记之（四）解决问题video.js 播放m3u8格式的文件,根据官方的文档添加videojs-contrib-hls也不行的原因解决了

源码地址:https://github.com/Tinywan/PHP_Experience 总结: 说明: 测试环境:本测试全部来自阿里云直播和OSS存储点播以及本地服务器直播和点播播放器:VideoJs 直播: 1.阿里云直播,需要CDN设置HTTP头 2.本地直播需要设置直播访问服务器的头部信息(本地为Nginx) add_header 'Access-Control-Allow-Origin' '*' always; add_header 'Access-Control-Allow-C…

微信 vue中使用video.js播放m3u8视频，解决安卓自动全屏的问题。

最近一个项目中需要在微信中播放m3u8格式的视频,刚开始用了 vue-video-player 这个插件,在IOS手机体验良好,本以为完事了, 结果安卓手机一点播放就自动全屏,心态略崩.查了资料说是安卓微信浏览器是X5内核与IOS的不同.折腾了好半天还是解决不了,心态已蹦.于是狠下心换个插件,便找到了video.js,港真,简直完美. 1.首先安装,在你的vue项目中 npm install --save video.jsnpm install --save videojs-contrib-hl…

浏览器无插件播放rtsp流解决方案

1. 安装 FFmpeg 参考 CentOS下安装FFmpeg,特别详细. 我遇到的错误和解决办法: 缺少lame ffmpeg+libmp3lame库源码安装教程(CentOS) make ffmpeg 时报acc相关,版本太高,安装低版本 Linux下FFmpeg安装配置好后,使用中的一些问题 make 时报if(x264_bit_depth>8) 错误,重装新版本ffmpeg 带有x264的ffmpeg编译出现小错误安装新版本 FFmpeg 后,./configure 参数去掉 --en…

Microsoft.Office.Interop.Excel的用法以及利用Microsoft.Office.Interop.Excel将web页面转成PDF

1.常见用法 using Microsoft.Office.Interop.Excel; 1)新建一个Excel ApplicationClass ExcelApp = New ApplicationClass(); Microsoft.Office.Interop.Excel.Workbook book = ExcelApp.Workbooks.Add(); 2) 更改 Excel 标题栏: ExcelApp.Caption := '应用程序调用 Micr…

base64：URL背景图片与web页面性能优化

一.base64百科 Base64是网络上最常见的用于传输8Bit字节代码的编码方式之一,可用于在HTTP环境下传递较长的标识信息. 某人: 唉,我彻底废柴了,为何上面明明是中文,洒家却看不懂嘞,为什么? 好吧,我也不喜欢专业术语的解释.你只要知道,base64编码就是长得像下面这样子的代码: thunder://QUFodHRwOi8vd3d3LmJhaWR1LmNvbS9pbWcvc3NsbTFfbG9nby5naWZaWg== 上面代码大家都熟悉吧,迅雷下载链接哦(咳咳,该地址很纯洁),就…

基于Metronic的Bootstrap开发框架经验总结（9）--实现Web页面内容的打印预览和保存操作

在前面介绍了很多篇相关的<Bootstrap开发框架>的系列文章,这些内容基本上覆盖到了我这个Bootstrap框架的各个主要方面的内容,总体来说基本达到了一个稳定的状态,随着时间的推移可以会引入一些更好更新的内容进行完善,本篇继续这个系列,主要介绍如何实现Web页面内容的打印预览和保存操作. 1.Web页面打印的问题在此之前,我一般使用比较好用的LODOP来执行打印的操作,这个在我之前有很多文章都有涉及,这个控件是一个ActiveX的控件,需要下载安装后就可以在页面是进行打印的排版设计,预…

利用Microsoft.Office.Interop.Excel 将web页面转成PDF

网上有很多将Web页面转成PDF的方法,还有许多收费的第三方插件.其实利用Office 自带的将EXCEL发布成PDF的功能就可以实现,如果你的需求没有多复杂,可以采用笔者的方法. 首先将web页面html保存为EXCEL文件(此步骤有多种方法,就不详细探讨了.只要能将web页面转成EXCEL文件,剩下的就好说了.) StringWriter html = new StringWriter(); HtmlTextWriter tw = new HtmlTextWriter(html); base…

Swipe JS – 移动WEB页面内容触摸滑动类库

想必做移动前端的同学经常会接到这样子的一个需求,就是在移动设备页面上的banner图能够用手指触摸左右或上下的滑动切换,这在移动设备是个很常见的一个效果,其用户体验远甚于点击一个按钮区域,通过手指的触摸操作也是移动设备的中一个特性,我们必须专业化的处理,哈哈.其实实现原理很简单,但平常中自己开发不是很方便. 今天就为大家带来这样子的一个轻量级js触摸滑动类库 – Swipe JS.这是一个非常小的一个javascript类库,但他的功能却不简单,它可以用来展示web页面上的任何内容,支持精确的触…

使用Web页面配置ESP8266的参数

前言使用Web页面配置ESP8266的参数相对于使用串口AT指令配置更加直观和简单.与配置路由器方式类似. 基本思路基本思路是ESP8266工作AP模式下,作为TCP Server监听TCP Client的连接.因为网页HTTP默认的端口是80,所以ESP8266作为TCP Server的端口需要设置为80.电脑连接上ESP8266的AP后,网页访问默认IP地址192.168.4.1,此时ESP8266就会收到来自网页的HTTP的Get请求,此请求数据为HTML格式.ESP8266收到请求后…

FineBI如何在web页面中嵌入式集成

1. API嵌入集成 1.1 描述 FineBI是基于B/S架构的浏览器/服务器模式,现在用户开发的系统基本上趋向于B/S架构的浏览器/服务器模式,因此有些页面完全可以直接采用web页面嵌入式集成的简易方式完成集成.而且些因为框架的原因可以采用json的调用方式进行集成.通过集成,用户从自己的系统通过链节使用浏览器访问FineBI的服务器,从而在自己系统内调用BI的web页面,来实际嵌入式集成.这种集成通常会有两种方式:一种是直接使用URL链节,另一种方式是通过js的调用json来获得分析模板.…

【在 Web 页面使用 VLC 插件播放 m3u8 视频流 (360 极速模式)】的更多相关文章