前两天帮“猪小妹”考虑毕业设计的时候，想了想视频点播系统的该如何实现。在这写一下自己的想法和非常简单的实现方式，纯属娱乐，请勿拍砖。         1. 大体的架构及流程        实现视频点播系统，B/S架构，服务端至少应该是两个服务器：流媒体服务器，web服务器。客户端则就是web页面。当开启页面后则是客户端和服务器的第一次交互，通过http协议得到页面。里面会有流媒体地址的信息，浏览器里面点击显示视频组件，将流媒体的地址传给流媒体播放器，并启动播放器去请求视频。这是第二次交互。服务器端流媒体服务器发送流给客户端，页面上播放就okay了。         2. 环境及所需软件        Jeremiah的测试环境是xp sp2及IE8浏览器。IP地址：172.16.128.8. 与IP有关的地址，请根据个人情况自己改。        服务端：        流媒体服务器先用个简单的：live555 Media Server(http://www.live555.com/mediaServer/windows/live555MediaServer.exe)        Web服务器：Jeremiah以前学的JAVA，所以用Tomcat。IIS或者其他的Web服务器都可以。其实Jeremiah这个小系统用的是静态页面，所以如果是在本机测试的话，不用Web服务器也是okay的。模拟本地打开为Web浏览。        客户端：vlc-0.9.4的Activex。需要把Activex注册好（参考http://jeremiah.blog.51cto.com/539865/115943）         3. 配置流媒体服务器        下载完live555 Media Server之后放到d:/video下面，启动时会有以下信息：“Play streams from this server using the URL        rtsp://172.16.128.8/<filename>where <filename> is a file present in the current directory.”并且后面还会有live555支持的视频格式。本测试就用的mp3和ts格式。其他格式没有试验过。        mp3好说，ts怎么得到呢？这时候vlc就出场了。vlc有转换保存功能，媒体->转换/保存->选择某个文件后点击转换/保存->流输出页面勾选本地播放，勾选文件并且浏览得到个文件名，注意后缀为ts而不是ps，方案封装选MPEG-TS，然后点击save。把你选择的视频播放一遍之后，ts格式的文件就生成好了。        将生成好的ts文件和网上下载的mp3放到d:/video下面，本测试为01.ts及02.mp3。这样流媒体服务器就配置好了。         4. web页面代码        本web页面代码是vlc的Activex测试代码test.html上修改精简的。(没写注释，因为看着不难。)vod.html：<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml” > <head> <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ /> <script> var itemId = 0; function getVLC(name) {         if (window.document[name])            {                 return window.document[name];         }         if (navigator.appName.indexOf(“Microsoft Internet”)==-1)         {                 if (document.embeds && document.embeds[name])                         return document.embeds[name];            }         else         {                 return document.getElementById(name);         } } function doGo(mrl) {         var vlc = getVLC(“vlc”);         itemId=vlc.playlist.add(mrl);         vlc.playlist.playItem(itemId);         document.getElementById(“btn_stop”).disabled = false; } function updateVolume(deltaVol) {         var vlc = getVLC(“vlc”);         vlc.audio.volume += deltaVol; } function doPlay() {         vlc.playlist.playItem(itemId);                  document.getElementById(“btn_stop”).disabled = false;         document.getElementById(“btn_play”).disabled = true; } function doStop() {         getVLC(“vlc”).playlist.stop();         document.getElementById(“btn_stop”).disabled = true;         document.getElementById(“btn_play”).disabled = false; } </script> </head> <body> <div style=”margin: 50px”>         <a title=”rtsp://172.16.128.8/01.ts” href=”#” onclick=”doGo(this.title);return false;”>01.ts</a>         <span style=”margin: 20px;” />         <a title=”rtsp://172.16.128.8/02.mp3″ href=”#” onclick=”doGo(this.title);return false;”>02.mp3</a>         <span style=”margin: 20px;” /> </div> <div>         <object classid=”clsid:9be31822-fdad-461b-ad51-be1d1c159921″                 width=”640″                 height=”480″                 id=”vlc”                 events=”true”>         <param name=”mrl” value=”” />         <param name=”showdisplay” value=”true” />         <param name=”autoloop” value=”false” />         <param name=”autoplay” value=”false” 
版权声明：本文为qq78292959原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/qq78292959/archive/2010/11/11/2076990.html