• 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'  
           classid='clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921' codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab" width="720" height="540">  
              <param name='mrl' value='rtsp://192.168.1.1:8554' />  
              <param name='volume' value='50' />  
              <param name='autoplay' value='true' />  
              <param name='loop' value='false' />  
              <param name='fullscreen' value='false' />  
        </object>  
    <![endif]-->  
    <!--[if !IE]><!-->  
        <object type='application/x-vlc-plugin' id='vlc' events='True' width="720" height="540" pluginspage="http://www.videolan.org" codebase="http://downloads.videolan.org/pub/videolan/vlc-webplugins/2.0.6/npapi-vlc-2.0.6.tar.xz">  
            <param name='mrl' value='rtsp://192.168.1.1:8554' />  
            <param name='volume' value='50' />  
            <param name='autoplay' value='true' />  
            <param name='loop' value='false' />  
            <param name='fullscreen' value='false' />  
        </object>  
    <!--<![endif]-->  
    </body  
    </html>  
    

    注意:

       需提前在打开网页的电脑上安装vlc播放器或vlc的插件

    http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab

    只支持ie浏览器,现在google浏览器之类的取消了对这些的支持。测试大部分国产浏览器还是没问题的。

    如果需要动态修改rtsp路径或其他设置,可以把整个object放进一个div里,然后页面加载前修改这个div的innerHTML,还是没什么难度的

    官网已经无法下载cab包了,地址已经失效了,不过我们依然可以下载上海交通大学的cab包

    下载地址:http://comic.sjtu.edu.cn/vlc/cab/axvlc.cab

    官网已经失效的下载地址:http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab

    上海交通大学的cab包是基于0.8.6d的版本制作的,虽然现在的版本到了2.1.3

    axvlc.cab包里含有3个文件axvlc.dll、axvlc.inf、vlc-0.8.6d-win32.exe

    喜欢开发的可以下载这个cab包试一下。

    每个Active X插件即使是微小的版本变化,也会出现不兼容

    目前发现,很多代码,比如检测插件版本的代码在火狐和谷歌浏览器上显示正常,但是一旦用IE浏览器就不正常了

    <object type='application/x-vlc-plugin' id='vlc' events='True'  
           classid='clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921' codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab" width="720" height="540">  
              <param name='mrl' value='rtsp://192.168.1.1:8554' />  
              <param name='volume' value='50' />  
              <param name='autoplay' value='true' />  
              <param name='loop' value='false' />  
              <param name='fullscreen' value='false' />  
        </object> 
    

      





  • 相关阅读:
    github访问慢
    vue的图片裁剪上传vue-cropper
    vue动态设置路由重定向
    vue移动端预览pdf
    Vue项目中给路由跳转加上进度条nprogress
    IDEA收藏夹迁移
    Go语言基础语法(一)
    Go语言开发环境安装
    Windows上实现iOS APP自动化测试:tidevice + WDA + facebook-wda / appium
    配置Linux主机名
  • 原文地址:https://www.cnblogs.com/jhlong/p/5848490.html
Copyright © 2020-2023  润新知