流的MP4与VLC到HTML浏览器(Streaming mp4 with vlc to html b

2019-06-25 23:22发布

我有问题,我流的摄像头画面(无声音)到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范例看,是有网络流量,流被下载,但没有任何显示。

Answer 1:

您可以在不使用VLC HTTP协议传输的MP4

请点击此链接查看输出方法/复用器矩阵http://www.videolan.org/streaming-features.html

但是你可以尝试转码为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"/>


Answer 2:

尝试添加视频(类型=“视频/ MP4”)的类型:

<video width="320" height="240" controls="controls">
      <source src="movie.mp4" type="video/mp4" />
      <source src="movie.ogg" type="video/ogg" />
      Your browser does not support the video tag.
    </video>


Answer 3:

你告诉VLC在TS格式的流mux=ts这是你的问题,你需要在MP4于MUX



Answer 4:

对于流媒体直播,你应该使用以下

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

更多在这里的一个环节 !

请注意:影片类型“奥格”而已!



文章来源: Streaming mp4 with vlc to html browser