内容简介：代码日志版权声明：翻译自：http://stackoverflow.com/questions/11294836/streaming-mp4-with-vlc-to-html-browser
我的网络摄像头图像(没有声音)流向html页面时遇到问题.我使用最新的(v2.0.2 vlc for Windows)进行流式传输,这里是命令行：
"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><video></code> element.
</video>
</body>
</html>
比我试图在浏览器中打开它：
file:///C:/videostreaming/video.html
我可以在chrome示例中看到,是网络流量,流正在下载,但没有显示.
您不能使用VLC通过http协议传输mp4
按照此链接查看Output方法/ muxer矩阵
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"/>
代码日志版权声明：
翻译自：http://stackoverflow.com/questions/11294836/streaming-mp4-with-vlc-to-html-browser
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网
猜你喜欢:
- [译] 再看 Flask 视频流
- [译] 用 Flask 输出视频流
- Pixvana开源VR视频流传输技术
- 基于视频流传输：在线教育白板技术
- 光电视频流在html5中展示
- WebRTC 使用之 —— 使用 getUserMedia 获取视频流
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
形式感+：网页视觉设计创意拓展与快速表现
晋小彦 / 清华大学出版社 / 2014-1-1 / 59.00元
网页设计师从早年的综合性工作中分化出来，形成了相对独立的专业岗位，网页设计也不再是单纯的软件应用，它衍生出了许多独立的研究方向，当网站策划、交互体验都逐渐独立之后，形式感的突破和表现成为网页视觉设计的一项重要工作。随着时代的发展，网页设计更接近于一门艺术。网络带宽和硬件的发展为网页提供了使用更大图片、动画甚至视频的权利，而这些也为视觉设计师提供了更多表现的空间。另外多终端用户屏幕（主要是各种移动设......一起来看看 《形式感+：网页视觉设计创意拓展与快速表现》 这本书的介绍吧!
