IE嵌入播放器_manok_新浪博客

最新推荐文章于 2024-05-25 13:46:03 发布
最新推荐文章于 2024-05-25 13:46:03 发布
阅读量68 收藏
点赞数
文章标签： js javascript web css html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/manok/article/details/109660171
版权

下面笔者以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参数进行关联。

有关param参数，读者可以参阅RealPlayer官方网站http://service.real.com/help/library/guides/production/htmfiles/control.htm。

这里的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。

我们假设有一个视频文件，其URL为 http://YourURL/filename.ram，那么我们就可以这样定义：
<a href="JavaScript:play('http://YourURL/filename.ram')">文件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[i];
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>
manok
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Laravel开发-manok
08-28
Laravel开发-manok 暂无描述
openlayers绘制经纬网格，有添加或者移除功能
qq_52959651的博客
05-21 219
我的项目是vue写的，当点击多选框显示隐藏经纬网格，下面直接写代码。项目需要在地图中添加经纬网格，然后看了一下官网有相关的介绍。这是删除图层相关的网站。这是绘制经纬网格方法。
React Suspense与Concurrent Mode：异步渲染的未来
天涯学馆
05-20 1076
React的Suspense和Concurrent Mode是React 16.8及更高版本引入的概念，旨在提升用户体验和性能，特别是在处理异步数据加载和动画时。它们是React的下一代渲染策略的一部分，目的是实现更流畅的交互和更高效的资源调度。
vue 使用 export default
global_coding的博客
05-24 299
vue 使用 export default
深入解析：Element Plus 与 Vite、Nuxt、Laravel 的结合使用
一个普通人
05-23 917
Element Plus 作为一个强大的 Vue.js 组件库，可以与 Vite、Nuxt 和 Laravel 等不同的工具和框架结合使用，为开发者提供灵活、高效的开发体验。根据项目需求选择合适的工具和框架，可以极大地提升开发效率和应用性能
React18+TypeScript搭建通用中后台项目实战04 封装常用工具函数
最新发布
Python私教
05-25 237
此时，访问 http://localhost:5173/ 进行测试。此时，访问 http://localhost:5173/ 进行测试。此时，访问 http://localhost:5173/ 进行测试。修改 src/api/request.ts。修改 src/page/Index.tsx。修改 src/page/Index.tsx。修改 src/page/Index.tsx。
Vue从入门到实战Day07
ltt159264的博客
05-21 920
目标：明确vuex是什么，应用场景，优势vuex是一个vue的状态管理工具，状态就是数据。大白话：vuex是一个插件，可以帮助我们管理vue通用的数据（多组件共享的数据）①某个状态在很多个组件来使用（个人信息）②多个组件共同维护一份数据（购物车）①共同维护一份数据，数据集中化管理；②响应式变化；③操作简洁（vuex提供了一些辅助函数）。
前端开发攻略---用Vue实现无限滚动的几种方法
nibabaoo的博客
05-22 1103
用vue实现无限滚动
使用elementUI的form表单校验时，错误提示位置异常解决方法
xuelong的博客
05-22 199
最近在做项目时遇到一个问题，使用elementUI的Descriptions 描述列表与form表单校验时，遇到校验信息显示的位置不对，效果如图
15 VUE学习：插槽slot
sixpp的博客
05-23 3615
如果我们将这个概念拓展一下，可以想象的是，一些组件可能只包括了逻辑而不需要自己渲染内容，视图输出通过作用域插槽全权交给了消费者组件。Vue 组件的插槽机制是受[原生 Web Component `` 元素]的启发而诞生，同时还做了一些功能拓展，这些拓展的功能我们后面会学习到。现在组件可以用在不同的地方渲染各异的内容，但同时还保证都具有相同的样式。插槽内容可以访问到父组件的数据作用域，因为插槽内容本身是在父组件模板中定义的。在上面的[渲染作用域]中我们讨论到，插槽的内容无法访问到子组件的状态。
前端基础入门三大核心之HTML篇：Webpack的八种常用Loader用途及加载方式全解析
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
05-22 1017
Webpack及其Loader体系为我们提供了无限可能，但真正的力量在于如何灵活运用它们来解决实际问题。本文仅触及冰山一角，鼓励大家深入探索，结合项目实践，不断优化配置，提升开发效率与用户体验。你的每一次尝试，都是通往前端大师之路的坚实步伐。在不断变化的Web开发领域，保持好奇心，勇于实践，你将发现更多未知的宝藏。那么，你遇到过哪些Loader使用上的挑战？有哪些独特的解决方案？欢迎在评论区分享你的故事，让我们共同进步。欢迎来到我的博客，很高兴能够在这里和您见面！
jQuery知识点（二）
shsjssnn的博客
05-21 914
1.获取节点： 通过各种选择器或选择器的组合来获取想要的网页元素。 2.创建节点： 元素节点通过工厂函数$()直接创建，文本节点和属性节点可以随着元素节点创建时一起创建，也可以通过先创建元素节点，再使用操作内容和属性的方法产生。 3.插入节点： append()、prepend(): 是父元素的方法 appendTo()、prependTo(): 是要插入的节点的方法 before()、after(): 是要插入
找出最大的可达成数字(Lc2769)——数学
qq_51626500的博客
05-21 307
找出最大的可达成数字(Lc2769)——数学
Vue3的setup系列篇之defineEmits和defineProps使用方式
weixin_44072254的博客
05-21 299
defineEmits：触发事件（函数，等价于 $emit)defineProps：父组件传过来的值进行类型验证。
vue3父子组件、跨级组件之间的通信之provide, inject -- 通俗易懂
weixin_48420104的博客
05-23 149
另外，父组件中如果爷添加点击事件触发改变state.count，那么子孙组件中通过inject接收的响应式数据count也会跟着自减。此处本组件触发点击事件后，count的数据会增加，爷组件中的响应式数据state也会发生改变，也会跟着增加。当组件之间的跨度比较大时，用父子孙之间的通信需要层层传递，不优雅，也不方便传值和更新。以上就是组件之间通过provide、inject的方式通信，是不是很方便。此方法适用于父子组件之间、爷孙组件之间的通信且高效。
【Web】浏览器指纹：追踪用户的新技术
qq_40205510的博客
05-21 419
浏览器指纹是一种通过收集用户浏览器的各种配置信息来生成一个唯一标识符的技术。这个标识符可以用来追踪用户在互联网上的行为，而无需使用Cookie等技术。浏览器指纹通常包括操作系统、浏览器类型、屏幕分辨率、插件信息等多种信息。浏览器指纹作为一种追踪用户的新技术，具有高度的隐私性和安全性。通过收集用户的浏览器配置信息，生成唯一的指纹标识符，可以帮助网站识别恶意访问、防止自动化攻击，并提供更个性化的服务。随着互联网的发展，浏览器指纹技术将在网络安全和用户行为分析等领域发挥越来越重要的作用。
vue.js状态管理和服务端渲染
kuangjianming的博客
05-20 471
（源码仓库：https://github.com/vuejs/pinia/blob/v2/packages/pinia/src/createPinia.ts）provide/inject：通过provide/inject实现父组件和后代组件的跨层级通信。组件内管理状态：通过data，computed等属性管理组件内部状态。父子组件通信：通过props和自定义事件实现父子组件状态的通信和传递。事件总线eventBus：通过new Vue()实例，实现跨组件通信。状态管理库：Vuex/Pinia。
vue详解（4）
qq_60396437的博客
05-20 1233
原理：v-model本质上是一个语法糖。例如应用在输入框上，就是 value属性 和 input事件 的合写。作用：提供数据的双向绑定① 数据变，视图跟着变 :value ② 视图变，数据跟着变 @input。注意：$event 用于在模板中，获取事件的形参
vue 展示svg矢量图可缩放拖动
qq_41820986的博客
05-20 176
使用插件：svg-pan-zoom
db文件查看分析工具
08-13
- *1* [国内外主流静态分析类工具汇总](https://blog.csdn.net/manok/article/details/97496371)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

manok

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值