如何从相机获取流到网页



我已经开始开发模块,该模块在网页上显示摄像机的实时视频流。

但是,我不知道如何在网页上直播视频流。

是否有任何JavaScript函数可以帮助显示实时视图?HTML中的对象标记允许我们嵌入实时视频吗?

有人能指导我怎么做吗?

如果您提到的是直播。为此,您需要流式视频服务器或HTTP流式传输。

  1. 流式视频服务器

    IT是一个服务器,您可以从它流式传输视频。它们必须非常快,能够一次处理许多连接,这取决于用户的连接速度等。要做到这一点,你可以

    • 购买自己的,或者
    • 向ISP(互联网服务提供商)注册托管流媒体计划
  2. 或者,您需要HTTP流

    尽可能简化

    • 以通用流媒体格式创建视频文件
    • 将文件上载到web服务器
    • 制作一个到视频文件的简单超链接,或者使用特殊的HTML标记将视频嵌入网页中

一些有用的帖子和插件

  • 使用JavaScript 通过网络套接字进行视频流传输

  • jQuery视频播放器:启用网络摄像头视频流

  • 使用Flash和开源工具的视频和音频流
    并且是<object>标签,可以用于嵌入流式传输数据的视频播放器

  • 使用JavaScript:AJAX视频播放器通过HTTP进行流式传输推荐,分步指南
<OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
        codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"
        width="640" height="441" id="vlc" events="True">
    <param name="Src" value="rtsp://your camera ip address" />
    <param name="ShowDisplay" value="True" />
    <param name="AutoLoop" value="False" />
    <param name="AutoPlay" value="True" />
    <embed id="vlcEmb"  type="application/x-google-vlc-plugin" quality="high" version="VideoLAN.VLCPlugin.2" autoplay="yes" loop="no" width="640" height="441"
           target="rtsp://your camera ip address" >               
    </embed>

最新更新