嵌入式Web视频点播系统实现方法

2024-02-21 08:32
文章标签 实现 系统 方法 web 嵌入式 视频点播

本文主要是介绍嵌入式Web视频点播系统实现方法，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

近年来，视频点播VOD（Video on Demand）的名字在媒体上出现得越来越多。VOD技术使人们可以根据自己的兴趣，不用借助录像机、影碟机、有线电视而在电脑或电视上自由地点播节目库中的视频节目和信息，是可以对视频节目内容进行自由选择的交互式系统。
VOD的本质是信息的使用者根据自己的需求主动获得多媒体信息，它区别于信息发布的最大不同:一是主动性、二是选择性。从某种意义上说这是信息的接受者根据自身需要进行自我完善和自我发展的方式，这种方式在当今的信息社会中将越来越符合信息资源消费者的深层需要，可以说VOD是信息获取的未来主流方式在多媒体视音频方面的表现。VOD的概念将会在信息获取的领域快速扩展,具有无限广阔的发展前景。

【背景】

    笔者所在的单位建设有一个内部网站，为了进一步提高网络的可用性，完善网站的功能，决定在网络上提供视频点播功能。经过一段时间的摸索和比较，笔者最后选择了RealSystem公司的RealPlayer作为视频文件的播放工具，主要基于以下几点考虑：

1、  RealPlayer 支持当今绝大多数的音视频流媒体格式，包括当前流行的MP3等音频媒质；

2、  RealPlayer 默认的.rm格式在保证播放质量的同时，文件压缩比高，使其更利于网络传输；

3、  RealPlayer在Internet上拥有广泛的用户群和服务商支持。

可供选择的还有Microsoft的MediaPlayer、APPLE 的QuickTime等。具体请参看“搜新网”评测文章：《三大主流流媒体技术对比》 http://www.souxin.com/stream/txt/3_stream_comp/www.souxin.com.htm）



【播放方式的选择】

一般而言，安装好RealPlayer之后，有两种方式可供选择来连接视频文件。一种是直接在Web页面上提供视频文件的URL地址，当用户点击链接时，RealPlayer自动识别并实时连接进行播放；第二种方法是通过ActiveX控件方式在Web页面中嵌入RealPlayer对象，并通过DHTML为内嵌对象动态指定视频流URL，从而为视频播放提供了一个统一的友好界面。

前一种方法对于设计者来说相对比较简单，只需要提供视频文件的播放路径。RealPlayer的熟练用户，还可以通过自定义RealPlayer的播放方式、下载视觉插件、添加到收藏夹等方式进行视频管理。但这种方式也存在以下几点缺陷：

1、对于含有中文路径和中文名的视频文件，浏览器并不能很好支持，常常出现找不到文件等错误信息。

2、需要系统进行文件关联，如果文件关联出错，浏览器将无所适从。

3、对终端用户来说，往往希望看到统一的播放界面，而不是弹出式播放。

通过Web嵌入式视频流管理，可以把用户端的操作请求减少到最小（用户只需简单的安装RealPlayer播放器）。如果再辅以精心的美工设计，还可以按照设计者的意愿定制出精美大方的播放界面。



【基本概念】

在进行设计之前，我们先来了解一些相关的基本概念。

1、<object>、<embed>标签

<object>是Microsoft在IE4.0之后推出的，用来替代<embed>标签的对象定义标签(IE仍然支持<embed>)，通过classid属性定义相应的对象类型。<embed>标签是Netscape浏览器支持的对象定义标签。如果开发者需要同时获得IE和NetScape两种浏览器用户的支持，最好使用<embed>标签。

2、定义ram文件

ram格式文件同rm文件一样，也是RealPlayer所支持的视频文件压缩格式，所不同的是ram文件可以仅简单的包括视频文件的URL地址。也就是说，ram文件可以为简单的文本格式，每一行定义一个视频文件的URL地址。

笔者在测试时发现，嵌入式RealPlayer在播放视频文件时，一般采用把视频文件整个下载到本地然后进行播放。这对于较大的视频文件来说，速度让人难以忍受。解决这个问题的方法，一是把视频文件简单的分割成大小适中的小文件分段播放（由于 REAL 公司对 RM 格式的实行“封闭管理”，所以 RM 到目前为止还不能像 MPEG 等视频文件一样用视频软件自由的编辑）；另外一种就是采用ram文件。RealPlayer简单的下载文本格式的ram文件，然后取出其中的真实地址，然后自动连接到网络进行实时的点对点播放。其缺点是增加了服务器负担。

类似的，Microsoft Media Player采用asx格式来定义asf文件。

3、DHTML

    DHTML是Dynamic HTML的缩写，DHTML通过传统的HTML语言，利用CSS（Cascading Style Sheets，即样式表），并依靠JavaScript使一向静止不变的页面得以“动”起来。 Netscape 4.0和IE 4.0/5.0版本支持DHTML，DHTML是一种完全“客户端”技术，直接通过WEB页面实现页面与用户之间的交互性。DHTML的优秀之处在于增强了Web页面的功能，在Web页面直接建立动画、游戏和应用软件等等，提供了浏览站点的全新方式，与Java、Flash等技术不同的是，用DHTML编制的页面不需要插件的支持就能完整的实现。



【设计过程】

下面笔者以IE5.0为例，说明一个嵌入式WEB视频点播系统的实现方法，其中用到了部分PHP和JavaScript技术，有疑惑的读者请参考相关资料。

一、插入RealPlayer ActiveX对象（如果要进行测试，需要先安装RealPlayer播放器）

假定以下代码包含在video.php文档中（该文件将在主页面中通过<iframe>进行链接）。

<object width="320" height="250" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA">

<param name="CONTROLS" value="ImageWindow">

<param name="CONSOLE" value="Video">

<param name="CENTER" value="TRUE">

<param name="MAINTAINSPECT" value="TRUE">

</object> //定义播放界面

<object width="320" height="30" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA">

<param name="CONTROLS" value="StatusBar">

<param name="CONSOLE" value="Video">

</object> //定义状态栏

<object width="320" height="30" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA">

    <param name="CONTROLS" value="ControlPanel">

    <param name="CONSOLE" value="Video">

    <param name="SRC" value="<?php echo getsrc(); ?>">

    <param name="AUTOSTART" value="TRUE">

    <param name="PREFETCH" value="0">

    <param name="LOOP" value="0">

    <param name="NUMLOOP" value="0">

</object> //定义控制面板

其中，CONTROLS参数用来指定播放器的控件外观，可以用多个控件进行组合，并通过CONSOLE参数进行关联。


这里的SRC参数尤为重要，用来指定视频流文件的URL地址。这里笔者使用PHP代码的方法动态的指定SRC，读者也可以使用其它如ASP，或完全通过 JavaScript 实现。



    二、使用DHTML动态控制RealPlayer控件的播放

    小技巧：<IFRAME>的妙用。由于为RealPlayer控件指定新的SRC需要刷新页面，使用<IFRAME>可以把RealPlayer控件嵌入到单独的页面中，这样，动态刷新就是在<IFRAME>内进行，不会影响用户观看页面其它内容。

    以下代码包含在主页面中：

<IFRAME id="iVideo" SRC="video.php" Width=500 Height=345 frameborder=0 SCROLLING="no">

</IFRAME>，其中，video.php文件用力显示RealPlayer控件。



下面我们加入简单的JavaScript 代码用来控制视频的播放。

<script language="JavaScript">

    function play(filename){

        top.document.all("iVideo").src = "video.php?src="+filename;

    } // iVideo 是刚刚定义的IFRAME 的标识符

</script>

我们可以使用javascript控制RealPlayer插件更复杂的功能，如提取视频的长宽、测试用户的网络速率、自定义播放事件等等。关于RealPlayer ActiveX开发的具体细节，请参阅RealPlayer官方网 http://service.real.com/help/library/guides/extend/embed.htm。

我们假设有一个视频文件，其URLhttp://YourURL/filename.ram，那么我们就可以这样定义：

<a href="JavaScript:play('http://YourURL/filename.ram&#39;)">文件1</a>，如果文件是在本地，URL也可以为相对路径。



三、检测用户是否安装RealPlayer播放器

在页面的<head></head>部分加入以下JavaScript代码，用以检测用户是否安装RealPlayer播放器：

<SCRIPT LANGUAGE=JavaScript>

<!--

    var RealMode=0;

    var RealPlayer5=0;

    var RealPlayer4=0;

    var RealPlayerG2=0;



    if (navigator.userAgent.indexOf("MSIE")< 0 ){

        numPlugins = navigator.plugins.length;

        for (i = 0; i < numPlugins; i++){

            plugin = navigator.plugins ;

            if (plugin.name.substring(0,10)=="RealPlayer"){

                RealMode=1;

            }

        }

    }

    // 以下代码通过VBScript的CreateObject()函数动态的创建RealPlayer对象

    document.write('<SCRIPT LANGUAGE=VBScript/> /n');

    document.write('on error resume next /n');

    document.write('RealPlayerG2 = (NOT IsNull(CreateObject("rmocx.RealPlayer G2 Control")))/n');

    document.write('RealPlayer5 = (NOT IsNull(CreateObject("RealPlayer.RealPlayer(tm) ActiveX Control (32-bit)")))/n');

    document.write('RealPlayer4 = (NOT IsNull(CreateObject("RealVideo.RealVideo(tm) ActiveX Control (32-bit)")))/n');

    document.write('</SCRIPT/> /n');

    if ( RealPlayerG2 || RealPlayer5 || RealPlayer4 ){

        //可以在此处添加<object>对象

    }else if ( RealMode ){ // NetScape浏览器用户

        // 可以在此处加入<embed>对象

    }else{

        window.location.replace("install.htm"); // 转入install.htm页面指导用户进行安装

    }

-->

</Script>

这篇关于嵌入式Web视频点播系统实现方法的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/731157。

相关文章

不懂推荐算法也能设计推荐系统

不懂推荐算法也能设计推荐系统

本文以商业化应用推荐为例，告诉我们不懂推荐算法的产品，也能从产品侧出发， 设计出一款不错的推荐系统。 相信很多新手产品，看到算法二字，多是懵圈的。 什么排序算法、最短路径等都是相对传统的算法（注：传统是指科班出身的产品都会接触过）。但对于推荐算法，多数产品对着网上搜到的资源，都会无从下手。特别当某些推荐算法 和 “AI”扯上关系后，更是加大了理解的难度。 但，不了解推荐算法，就无法做推荐系
阅读更多...
基于人工智能的图像分类系统

基于人工智能的图像分类系统

目录 引言项目背景环境准备 硬件要求软件安装与配置系统设计 系统架构关键技术代码示例 数据预处理模型训练模型预测应用场景结论 1. 引言 图像分类是计算机视觉中的一个重要任务，目标是自动识别图像中的对象类别。通过卷积神经网络（CNN）等深度学习技术，我们可以构建高效的图像分类系统，广泛应用于自动驾驶、医疗影像诊断、监控分析等领域。本文将介绍如何构建一个基于人工智能的图像分类系统，包括环境
阅读更多...
水位雨量在线监测系统概述及应用介绍

水位雨量在线监测系统概述及应用介绍

在当今社会，随着科技的飞速发展，各种智能监测系统已成为保障公共安全、促进资源管理和环境保护的重要工具。其中，水位雨量在线监测系统作为自然灾害预警、水资源管理及水利工程运行的关键技术，其重要性不言而喻。 一、水位雨量在线监测系统的基本原理 水位雨量在线监测系统主要由数据采集单元、数据传输网络、数据处理中心及用户终端四大部分构成，形成了一个完整的闭环系统。 数据采集单元：这是系统的“眼睛”，
阅读更多...
hdu1043（八数码问题，广搜 + hash（实现状态压缩） ）

hdu1043（八数码问题，广搜 + hash（实现状态压缩） ）

利用康拓展开将一个排列映射成一个自然数，然后就变成了普通的广搜题。 #include<iostream>#include<algorithm>#include<string>#include<stack>#include<queue>#include<map>#include<stdio.h>#include<stdlib.h>#include<ctype.h>#inclu
阅读更多...
嵌入式QT开发：构建高效智能的嵌入式系统

嵌入式QT开发：构建高效智能的嵌入式系统

摘要： 本文深入探讨了嵌入式 QT 相关的各个方面。从 QT 框架的基础架构和核心概念出发，详细阐述了其在嵌入式环境中的优势与特点。文中分析了嵌入式 QT 的开发环境搭建过程，包括交叉编译工具链的配置等关键步骤。进一步探讨了嵌入式 QT 的界面设计与开发，涵盖了从基本控件的使用到复杂界面布局的构建。同时也深入研究了信号与槽机制在嵌入式系统中的应用，以及嵌入式 QT 与硬件设备的交互，包括输入输出设
阅读更多...
JAVA智听未来一站式有声阅读平台听书系统小程序源码

JAVA智听未来一站式有声阅读平台听书系统小程序源码

智听未来，一站式有声阅读平台听书系统 🌟&nbsp;开篇：遇见未来，从“智听”开始 在这个快节奏的时代，你是否渴望在忙碌的间隙，找到一片属于自己的宁静角落？是否梦想着能随时随地，沉浸在知识的海洋，或是故事的奇幻世界里？今天，就让我带你一起探索“智听未来”——这一站式有声阅读平台听书系统，它正悄悄改变着我们的阅读方式，让未来触手可及！ 📚&nbsp;第一站：海量资源，应有尽有 走进“智听
阅读更多...
【C++】_list常用方法解析及模拟实现

【C++】_list常用方法解析及模拟实现

相信自己的力量，只要对自己始终保持信心，尽自己最大努力去完成任何事，就算事情最终结果是失败了，努力了也不留遗憾。💓💓💓 目录   ✨说在前面 🍋知识点一：什么是list？ •🌰1.list的定义 •🌰2.list的基本特性 •🌰3.常用接口介绍 🍋知识点二：list常用接口 •🌰1.默认成员函数 🔥构造函数（⭐） 🔥析构函数 •🌰2.list对象
阅读更多...
【Prometheus】PromQL向量匹配实现不同标签的向量数据进行运算

【Prometheus】PromQL向量匹配实现不同标签的向量数据进行运算

✨✨ 欢迎大家来到景天科技苑✨✨ 🎈🎈 养成好习惯，先赞后看哦~🎈🎈 🏆 作者简介：景天科技苑 🏆《头衔》：大厂架构师，华为云开发者社区专家博主，阿里云开发者社区专家博主，CSDN全栈领域优质创作者，掘金优秀博主，51CTO博客专家等。 🏆《博客》：Python全栈，前后端开发，小程序开发，人工智能，js逆向，App逆向，网络系统安全，数据分析，Django，fastapi
阅读更多...
让树莓派智能语音助手实现定时提醒功能

让树莓派智能语音助手实现定时提醒功能

最初的时候是想直接在rasa 的chatbot上实现，因为rasa本身是带有remindschedule模块的。不过经过一番折腾后，忽然发现，chatbot上实现的定时，语音助手不一定会有响应。因为，我目前语音助手的代码设置了长时间无应答会结束对话，这样一来，chatbot定时提醒的触发就不会被语音助手获悉。那怎么让语音助手也具有定时提醒功能呢？ 我最后选择的方法是用threading.Time
阅读更多...
Android实现任意版本设置默认的锁屏壁纸和桌面壁纸（两张壁纸可不一致）

Android实现任意版本设置默认的锁屏壁纸和桌面壁纸（两张壁纸可不一致）

客户有些需求需要设置默认壁纸和锁屏壁纸  在默认情况下 这两个壁纸是相同的  如果需要默认的锁屏壁纸和桌面壁纸不一样 需要额外修改 Android13实现 替换默认桌面壁纸： 将图片文件替换frameworks/base/core/res/res/drawable-nodpi/default_wallpaper.*  （注意不能是bmp格式） 替换默认锁屏壁纸： 将图片资源放入vendo
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2