怎么做一个网页的播放器

最新推荐文章于 2024-05-16 21:46:32 发布
原创 最新推荐文章于 2024-05-16 21:46:32 发布 · 1.5k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。



三种方式：

       第一种方式：通过js 把 window media player 调出来

       第二种方式：adobefalsh 里面有一种语言actionscript 可以操作硬件：摄像头，麦克风，扬声器。。。

各大浏览器对adobefalsh提供支持，adobeflash里面的actionscript对js 提供了接口，js 就可以actionscript

完成播放的一些功能...

       第三种方式：通过html5 来完成播放器的制作。

制作网页中的渐变背景方法
winki吧
01-12 2403
方法一:用图实现1切一张1*760的渐变背景图2在dw中添加做背景方法二:用css实现:网页背景色渐变（从白色到黑色） 下面这个是斜角渐变啊背景渐变(左上至右下)方法三:用javascript实现var Color= new Array(9);Color[1] = "ff";Color[2] = "ee";Color[3] = "dd";Color[4] = "cc";Color[5] = "b
网页播放器代码（javascript 播放器 控制）
04-27
javascript 播放器 控制 发表:不详 阅读: 37 次 关键字：不详 字体:[大 中 小] 详细参数可查询MSDN http://msdn.microsoft.com/library/default.asp?url=/library/en-us/wmplay/mmp_sdk/settingsobject.asp <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <link href="style/style.css" rel="stylesheet" type="text/css"> <script language="JavaScript"> var state; //初始化 function playerinit() { player.url="mp3.m3u"; player.settings.autoStart = false ; } //播放 function play() { if (player.controls.isavailable('play')) { player.controls.play(); state=setInterval("updatetime()",1000); playerinfo.innerHTML = "播放"; } } //暂停 function pause() { if (player.controls.isavailable('pause')) { player.controls.pause(); clearInterval(state); playerinfo.innerHTML = "暂停"; } } //停止 function stop() { if (player.controls.isavailable('stop')) { player.controls.stop(); clearInterval(state); playerinfo.innerHTML = "停止"; } } //前首 function previous() { if (player.controls.isavailable( 'previous' )) { player.controls.previous(); playerinfo.innerHTML = "前一首"; } } //后首 function next() { if (player.controls.isavailable( 'next' )) { player.controls.next(); playerinfo.innerHTML = "下一首"; } } //？ function step() { if (player.controls.isavailable( 'step' )) player.controls.step( 1 ); } //音量- function voldown() { if ( player.settings.volume < 5 ) { player.settings.volume = 0; playerinfo.innerHTML = "0"; } else { player.settings.volume -= 5; playerinfo.innerHTML = player.settings.volume; } } //音量+ function volup() { if ( player.settings.volume > 95 ) { player.settings.volume = 100; playerinfo.innerHTML = "100"; } else { player.settings.volume += 5; playerinfo.innerHTML = player.settings.volume; } } //静音 function mute() { player.settings.mute = !player.settings.mute; } //声道 function balance() { switch (player.settings.balance) { case 0: player.settings.balance = 100; playerinfo.innerHTML = '左声道'; break; case 100: player.settings.balance = -100; playerinfo.innerHTML = '右声道'; break; case -100: player.settings.balance = 0; playerinfo.innerHTML = '全声道'; break; default : player.settings.balance = 0; playerinfo.innerHTML = '全声道'; break; } } //更新时间 function updatetime() { playerinfo.innerHTML = player.controls.currentPositionString + " | " + player.currentMedia.durationString; } </script> </head> <body onload="playerinit();"> <table width="300"> <tr> <td><object id="player" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" type="application/x-oleobject" width="300" height="60"> <param name="autoStart" value="false"> <param name="balance" value="0"> <param name="currentPosition" value="0"> <param name="currentMarker" value="0"> <param name="enableContextMenu" value="true"> <param name="enableErrorDialogs" value="false"> <param name="enabled" value="true"> <param name="fullScreen" value="false"> <param name="invokeURLs" value="false"> <param name="mute" value="true"> <param name="playCount" value="1"> <param name="rate" value="1"> <param name="uiMode" value="none"> <param name="volume" value="100"> </object></td> </tr> <tr> <td><span id="playerinfo"></span></td> </tr> <tr> <td> <div align="center"> <input type="button" onmouseover=this.className="but12"; onmouseout=this.className="but11"; name="previous" title="上一首" onclick="previous();"> <input type="button" onmouseover=this.className="but22"; onmouseout=this.className="but21"; name="play" title="播放" onclick="play();"> <input type="button" onmouseover=this.className="but32"; onmouseout=this.className="but31"; name="pause" title="暂停" onclick="pause();"> <input type="button" onmouseover=this.className="but42"; onmouseout=this.className="but41"; name="stop" title="停止" onclick="stop();"> <input type="button" onmouseover=this.className="but52"; onmouseout=this.className="but51"; name="next" title="下一首" onclick="next();"> <input type="button" onmouseover=this.className="but62"; onmouseout=this.className="but61"; name="voldown" title="音量-" onclick="voldown();"> <input type="button" onmouseover=this.className="but62"; onmouseout=this.className="but61"; name="volup" title="音量+" onclick="volup();"> <input type="button" onmouseover=this.className="but62"; onmouseout=this.className="but61"; name="mute" title="静音" onclick="mute();"> <input type="button" onmouseover=this.className="but62"; onmouseout=this.className="but61"; name="balance" title="声道" onclick="balance();"> </div> </td> </tr> </table> <script language = "JavaScript" for = player event = playstatechange(newstate)> switch (newstate){ case 1: playerinfo.innerHTML = "停止"; break; case 2: playerinfo.innerHTML = "暂停"; break; case 3: playerinfo.innerHTML = "正在播放"; break; case 4: playerinfo.innerHTML = "4"; break; case 5: playerinfo.innerHTML = "5"; break; case 6: playerinfo.innerHTML = "正在缓冲..."; break; case 7: playerinfo.innerHTML = "7"; break; case 8: playerinfo.innerHTML = "8"; break; case 9: playerinfo.innerHTML = "正在连接..."; break; case 10: playerinfo.innerHTML = "准备就绪。欢迎光临<a href='http://mp3.asp2004.net'>http://mp3.asp2004.net</a>"; break; case 11: playerinfo.innerHTML = "11"; break; default: playerinfo.innerHTML = ""; } </script> </body> </html>
网页内嵌播放器之完全代码
12-06 1477
1.avi格式代码片断如下：2.mpg格式代码片断如下：3.smi格式代码片断如下：4.rm格式代码片断如下：5.wmv格式代码片断如下：http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" standby="Loading Microsoft Windows
制做网页播放器代码全集
碌人乘凉, 黎硕 --> Aerchi.com
04-26 174
1.avi格式代码片断如下:&lt;object id="video" width="400" height="200" border="0" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"&gt;&lt;param name="ShowDisplay" value="0"&gt;
Windows Media Player和Real Player  设置参数
manok的专栏
08-05 967
转贴备用！ 网页播放器的参数含义 Windows Media Player 网页播放器 参数含义 (默认0为否，-1或1为是) &lt;object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="MediaPlayer1" width="286" height="225"&gt;   &lt;para...
网页音乐播放器(html+css+原生js)
最新发布
weixin_71927437的博客
05-16 1882
想自己试做一个小网站，于是边学边做，也有了一个可以用的成品，想着拿出来并简单聊聊。决定先做一个音乐播放器。以下是我参考的文章，成品也是在这位作者的基础上改来的。
网页音乐播放器(个人制作)
09-04
我在大学毕业时做的毕业设计——在线音乐网站实现，搜集了很多网页音乐播放器的资料，加上现在的整理，自己做了一个网页音乐播放器。 相关的说明在压缩包的【readme】文件中，希望给予正在开发网页音乐播放器的人员...
一个flash做的网页网页播放器
03-02
标题中的“一个flash做的网页网页播放器”指的是利用Adobe Flash技术开发的用于在网页上播放音频或视频的组件。Flash曾经是互联网上广泛使用的多媒体平台，尤其在在线媒体播放方面，它提供了丰富的交互性和跨平台...
仿照网易云界面做的Flask网页音乐播放器（豪华版）
05-13
（5）注册一个管理员账号（账户名为Admin的账户），新创建的播放器主页需要进入‘/editintro’页面编辑一下（轮播的主题和描述建议不添加，其他都写）不然主页会一直转圈圈，也可以不理，其他功能不影响（6）都运行...
软件工程JavaWeb课程设计音乐播放器网页项目源代码.zip
06-08
软件工程JavaWeb课程设计音乐播放器网页项目源代码。软件工程JavaWeb课程设计音乐播放器网页项目源代码软件工程JavaWeb课程设计音乐播放器网页项目源代码。软件工程JavaWeb课程设计音乐播放器网页项目源代码软件工程...
VS2017 基于MFC 做一个音乐播放器，带音量调节，切换歌曲.txt
05-30
资源里面包含全部源代码以及我做项目时参考的其他项目资源 文章地址：https://blog.csdn.net/ningmengshuxiawo/article/details/117126502
网页播放器代码全集
01-28
网页播放器代码全集<br>Real Player 网页播放器 参数含义 ......... <br><br>参数：autostart 属性：True或是False 作用：指定是否自动播放指定的源文件 ........ <br>
各种网页播放器代码大全
07-21
各种网页播放器代码大全各种网页播放器代码大全
一个自制的播放器 很简单的
12-07
不好玩的东西。
简易网页音乐播放器制作
weixin_42280470的博客
09-17 4707
简单的html 音乐播放器制作 首先第一步找图片资源 音乐资源 放入到img文件夹中 第二步对页面布局进行布置 第三步书写js代码 复制代码运行的时候需要将图片资源，音乐资源换个名称。 运行实现图片的切换，效果如图： 代码如下： 希望各位喜欢！！！1 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> ...
页面播放器制作
编程开发资料库
05-30 194
做了一个页面的视频播放器，功能简单，只是有些属性有记录意义。班门弄斧，请莫见笑！ 功能：程序会检索指定目录下的文件，并形成文件列表显示在页面上，单击列表中的文件可以播放该文件。播放器可以以全屏方式显示，通过javascript脚本，获取播放文件的总时间和当前播放时间。时间匆忙，功能有限，有时间会将发掘的新功能加入其中，望大家批评斧正！ 前台代码如下： &lt;%@ Page Languag...
网页播放器代码
ctangqh的专栏
09-08 2839
1.avi格式代码片断如下：2.mpg格式代码片断如下：3.smi格式代码片断如下：4.rm格式代码片断如下：5.wmv格式代码片断如下：http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" standby="Loading Microsoft Windows Media P
网页播放器代码大全
汗水挥洒，脑力风暴
07-03 6290
网页播放器代码大全（提示：把以下相应的代码复制到记事本里，修改后再重新复制粘贴到网页里，这样可以防止出现乱码）1.avi格式 代码片断如下： 2.mpg格式 代码片断如下：
自制简易网页音频播放器实现教程
知识点： 1. 网页播放器的基本概念： 网页播放器（Web Player）是一种...随着技术的发展和标准的变迁，开发一个现代、安全且高效的网页播放器将需要更多地关注HTML5、CSS3以及JavaScript的生态，并适应Web标准的更新。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值