网页中的媒体播放器

原创 2003年02月27日 09:05:00

本文纯属好玩写的,基本上我想对各位也没什么帮助,但是如果你看看也许会觉得很好玩.至少可以那来骗MM,不过,现在的MM很厉害,也许也骗不了所以就当我混文章,自娱自乐吧.

 

 

经常可以看到一些网络中有使用script写的播放器,这些播放器看上去都很不错,由于我希望我的杂志阅读起来不是那么闷,所以我决心自己写一个简单的,因为太复杂会使客户端的资源显得很紧张.那么如何来做呢?其实,思路很简单.我知道在HTML中要包含播放器的方法很多如使用ActiveX控件等方法,可是这样做,会使用客户端承担不必要的开销.因此我使用HTML自带的标记.<IMG> 这个标记虽然一般用来放图象.可是也可以用来播放一些标准格式的多媒体.AVI,WAV,MID,MP3.在这个标记中有个属性dynsrc,这个属性就是专门用来从事这个工作的.(MSDN中也有记载).该属性的工作就是记录媒体文件的来源.如下:

<img name="mid" dynsrc="about:blank" loop="infinite" width="1" height="1">

其中LOOP就是用来控制循环次数的.about blank 表示目前什么也没有.很简单不是吗?也许现在你也想到该如何控制它来播放媒体文件了.是的,关键就是控制dynsrc这个属性.那么很显然,要使用script .目前大多数客户端浏览器都支持客户端脚本.程序思路如下:

<script><?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

function play(song)

{

if(document.mid.dynsrc=="about:blank")

{

 document.mid.dynsrc=song

 bname.value="stop"

 }

 else 

 {

 document.mid.dynsrc="about:blank"

 bname.value="play"

 }

}

</script>

很简单.通过一个条件逻辑来判断,是否播放.通过传递的参数song来决定播放的曲目..

由于脚本语言,并不强调类型,而是运行时动态绑定.并且它并不存在编译环节.因此不用事先申明.HTML中的运行标签如下:

<img name="mid" dynsrc="about:blank" loop="infinite" width="1" height="1">

 

 

<input type="button" id="bname"

 

onclick=play(midSelect.options[midSelect.selectedIndex].value) value=play style="color: #FFFFCC; border-style: outset; border-width: 0" />

 

 <select size="1" name="midSelect"

 

onChange=play(midSelect.options[midSelect.selectedIndex].value)>

  <option>请选择歌曲</option>

  <option value="http://music.21youth.com/mp3/en/secret/1/adagio.mp3">adagio</option>

  <option value="http://music.21youth.com/mp3/en/secret/3/dreamcatcher.mp3">Dreamcatcher</option>

<option value="http://music.21youth.com/mp3/en/secret/2/appassionata.mp3">Appassionata</option>

<option value="http://music.21youth.com/mp3/en/secret/3/aquarell.mp3">Aquarell</option>

<option value="http://music.21youth.com/mp3/en/secret/1/songfrom.mp3">Songs From A Secret Garden</option>

<option value="http://music.21youth.com/mp3/en/secret/4/greenwaves.MP3">GreenWaves</option>

<option value="http://music.21youth.com/mp3/en/secret/3/inourtears.mp3">InOurTears</option>

<option value="http://music.21youth.com/mp3/en/secret/1/serenadetospring.mp3">SerenadeToSpring</option>

<option value="http://music.21youth.com/mp3/en/secret/1/nocturne.mp3">Nocturne</option>

<option value="http://music.21youth.com/mp3/en/secret/4/elegie.MP3">Elegie</option>

</select></p>

 

那么好了,一个非常简单的播放器就做好啦,复杂的,你就加入一些美工和特效,再加入一些辅助功能.()

网页中嵌入媒体播放器

" valuetype="ref"> ...
  • hpugym
  • hpugym
  • 2015年07月30日 15:55
  • 387

网页中植入媒体播放器

html 中的媒体播放器无法不支持flv格式的视频,现在介绍如何在网页中加入支持flv格式的播放器。 文件下载:swf播放器    swflash.cab       源代码: ...
  • hpugym
  • hpugym
  • 2015年10月27日 17:03
  • 501

网页中嵌入rm媒体播放器

在一个连接到播放的页面中这样写代码:.....     function Play(vid)    {              window.open("gotoplay.aspx?        ...
  • pwqzc
  • pwqzc
  • 2005年06月22日 11:36
  • 1153

网页媒体播放器(JW Player)

JW Player使用简介   一、JW Player是什么? 简单地说,JW Player是一种基于flash的交互式网页媒体播放器。它是由Jeroen 和 Wijering...
  • joeyon
  • joeyon
  • 2014年10月08日 15:28
  • 941

网页嵌入媒体播放器代码

页面插入REAL播放器代码:页面插入Media Player播放器代码:页面插入Media Player(视频)播放器代码:            可自动检测...
  • killer000777
  • killer000777
  • 2008年05月22日 11:42
  • 467

网页媒体播放器代码详解

页媒体播放器代码详解网页上的播放器我想大家都用过吧我只加入相关说明     希望对大家有帮助(默认0为否,-1或1为是)程序代码:[ 复制代码到剪贴板 ]                       ...
  • aspstu
  • aspstu
  • 2005年01月11日 20:58
  • 790

媒体播放器三大架构

媒体播放工具,这里主要指视频播放,因为要面临庞大的兼容性和纷繁复杂的算法,从架构上看,能脱颖而出的体系屈指可数,大体上业界主要有3大架构:MPC、MPlayer和VLC。这3大架构及其衍生品占领90%...
  • shanwenbin
  • shanwenbin
  • 2012年06月09日 02:02
  • 3941

基于QT平台的手持媒体播放器项目实战视频教程下载

分享一套关于在QT平台的手持媒体播放器项目实战的视频教程,Qt是一个1991年由奇趣科技开发的跨平台C++图形用户界面应用程序开发框架。    它既可以开发GUI程式,也可用于开发非GUI程式,...
  • peaki
  • peaki
  • 2013年12月30日 10:07
  • 1308

各种网页播放面板代码,MediaPlayer Replayer等

常用网页播放器代码 我们在网页上看到的播放器无外乎WMP/RealOne/Macromedia Flash Player,其他的无非是面板不同,或者添加了其他控件,对于计算机上安装的一些播放器也都是编...
  • jxufewbt
  • jxufewbt
  • 2006年06月09日 17:19
  • 10934

网页媒体播放器代码及详解

程序代码
  • okfei
  • okfei
  • 2009年04月12日 02:19
  • 360
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:网页中的媒体播放器
举报原因:
原因补充:

(最多只允许输入30个字)