【问题标题】:Can html 5 serve real time media stream?html5服务器可以实时媒体流吗?
【发布时间】:2010-06-09 13:08:40
【问题描述】:

我听说过 html 5 的许多有趣的功能,

但它能够提供来自网络摄像头的实时媒体流吗?

【问题讨论】:

    标签: html video-streaming


    【解决方案1】:

    不是 html5 本身,但 html5 视频可以读取流(如在 youtube 上,直播)。

    Streaming via RTSP or RTP in HTML5 了解一些信息

    【讨论】:

    【解决方案2】:

    HTML5 视频只是一个看起来像的标签

    <video src="movie.mp4" controls="controls">
        Your browser doesn't support the video tag.
    </video>
    

    (参考here

    movie.mp4 实际包含的内容由底层服务器决定,只要格式本身支持流式传输,就可以是流式传输内容。例如h.264 的 eXtended Profile 和 Scalable High Profile 都支持视频流。

    【讨论】:

      【解决方案3】:

      我几天前为此做了证明。答案是肯定的和否定的。是的,XMLHttpRequest 允许您在数据从相机流式传输时访问数据。不,并非所有浏览器都支持它。

      在 XMLHttpRequest 中,您可以在异步完成时从对象获取状态消息。问题是每个浏览器处理这个有点不同。最大的问题是,即使 Internet Explorer 支持更新状态,如果您尝试访问状态 3 中的数据,它也会出错。更多信息请关注link

      如果您的相机可以像其他海报所说的那样发送标准媒体类型的视频流,那么这将是您的最佳选择。也许在 IE 9 发布之后 XMLHttpRequest 会像假设的那样工作。

      【讨论】:

      • 有没有好的解决方案可以将实时摄像头视频转换成rtp/rtsp格式?
      • @user198729 假设我们仍在讨论 HTML/JavaScript RTP/RTSP 使用与 HTTP 不同的端口。一些元数据是纯文本的,其余的不是。在您的 XMLHttpRequest 中更改请求地址以包含端口“rtp://someAddress:1024/whatever”,您可以尝试通过 RTP 请求数据。然而,RTP 传输是 UDP,这可能是通过浏览器的问题。您必须解码您收到的所有数据并在 RTSP 上发送状态更新。如果您可以选择任何使用 IE 的浏览器,构建一个 windows 窗体控件,并尝试找到将为您解码的库。
      【解决方案4】:

      这可能是您正在寻找的:

      http://www.whatwg.org/specs/web-apps/current-work/complete/video-conferencing-and-peer-to-peer-communication.html

      很遗憾,我目前不知道浏览器支持,而且标准本身似乎经常更改。

      【讨论】:

        【解决方案5】:

        这实际上与 HTML 5 无关。在 HTML 中,您只需将浏览器指向一个资源,指定它是视频。如果您的相机以浏览器能够呈现的格式发出流,那么它应该可以正常工作。尽管根据我的经验,许多相机都会产生 MJPEG,并且直接在浏览器中对它的支持似乎充其量是有限的。

        【讨论】:

          【解决方案6】:

          您可以使用ffmpeg 将视频从相机格式(MJPEG 等)实时转换,然后在生成转换后的文件时访问它。 MP4 容器在文件末尾存储一些信息,这会阻止流式传输,因此除非您使用不同的容器(ogg、mkv 等),否则您需要使用 qt-faststart 之类的东西来生成实时兼容的 MP4文件。

          【讨论】:

            猜你喜欢
            • 1970-01-01
            • 1970-01-01
            • 2012-11-30
            • 1970-01-01
            • 2012-11-09
            • 2013-12-20
            • 1970-01-01
            • 2020-05-16
            • 2014-09-11
            相关资源
            最近更新 更多