Video streaming 使用vlc到html浏览器的流式mp4

Video streaming 使用vlc到html浏览器的流式mp4,video-streaming,html5-video,vlc,Video Streaming,Html5 Video,Vlc,我无法将网络摄像头图片(没有声音)流式传输到html页面。我正在使用最新版本(适用于windows的v2.0.2 vlc)进行流式处理,下面是命令行: "c:\Program Files (x86)\VideoLAN\VLC\vlc.exe" -I dummy dshow:// --dshow-vdev="Logitech QuickCam Chat" --dshow-adev=none --dshow-caching=0 --sout=#transcode{vcodec=h264,vb=10

我无法将网络摄像头图片(没有声音)流式传输到html页面。我正在使用最新版本(适用于windows的v2.0.2 vlc)进行流式处理,下面是命令行:

"c:\Program Files (x86)\VideoLAN\VLC\vlc.exe" -I dummy  dshow:// --dshow-vdev="Logitech QuickCam Chat" --dshow-adev=none --dshow-caching=0 --sout=#transcode{vcodec=h264,vb=1024,channels=1,ab=128,samplerate=44100,width=320}:http{mux=ts,dst=:8080/webcam.mp4} 
当我在另一个vlc播放器中打开流时(http://127.0.0.1:8080/webcam.mp4),我可以观看流,但当我试图将其嵌入网页时,我什么也看不到!代码如下:

<!DOCTYPE html>
<html>
  <head>
    <title>Video Test</title>
  </head>
  <body>
    <video id="video" class="projekktor" autoplay="autoplay" width="300px" preload="metadata">  
      <source src="http://127.0.0.1:8080/webcam.mp4" />
            Your browser doesn't appear to support the HTML5 <code>&lt;video&gt;</code> element.  
    </video>
  </body>
</html>
然后我尝试在浏览器中打开它,如下所示:

file:///C:/videostreaming/video.html

我在chrome示例中看到的是,有网络流量,流正在下载,但没有显示任何内容。

尝试添加视频类型(type=“video/mp4”):


您的浏览器不支持视频标记。

您告诉VLC以TS格式传输数据
mux=TS
这是您的问题,您需要在mp4中进行mux

您不能使用VLC通过http协议传输mp4

按照此链接查看输出方法/muxer矩阵

但是,您可以尝试转码到ogg

试试这个:

"c:\Program Files (x86)\VideoLAN\VLC\vlc.exe" \
-I dummy  dshow:// --dshow-vdev="Logitech QuickCam Chat" \
--dshow-adev=none --dshow-caching=0 \
--sout=#transcode{vcodec=theo,vb=1024,channels=1,ab=128,samplerate=44100,width=320}:http{dst=:8080/webcam.ogg}
在html视频标签中:

<source src="http://127.0.0.1:8080/webcam.ogg"/>

对于直播,您应该使用以下内容

<video id="video" src="http://localhost:8181/stream" type="video/ogg; codecs=theora" autoplay="autoplay"/>

更多 给你


请注意:仅视频类型“ogg”

不幸的是,它没有帮助。如果这不起作用,你可以尝试将其转换为ogg视频。vlc也能做到这一点,它的html5视频看起来就像我的chrome,我的chrome是一个应用程序/八位字节流。我认为它不会出现,除非它将其视为视频/mp4。您可以转到VLC的高级首选项,在HTML流选项中将MIME类型设置为video/mp4将MIME类型设置为video/mp4也不会解决问题。当我使用theora(视频/ogg)进行流媒体传输时,MIME也是应用程序/octet流,并且可以工作。但是我想要流式mp4格式。你解决过这个问题吗?我有一个类似的问题,很想知道你是如何解决的。@cssyphus不,我没有,但是如果你能,请不要忘记回答这个问题。:)@balazs我也有同样的问题,但我在这一页上还没有找到答案。有什么进展吗?mp4不是mux()的有效选项。是否可以向-I输入提供rtmp流而不是网络摄像头?
<video id="video" src="http://localhost:8181/stream" type="video/ogg; codecs=theora" autoplay="autoplay"/>