一段小巧的播放器代码

最新推荐文章于 2025-07-17 11:09:41 发布
原创 最新推荐文章于 2025-07-17 11:09:41 发布 · 954 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#javascript
博客未提供具体内容，推测与JavaScript相关。JavaScript是前端开发常用语言，可用于实现网页交互等功能。
<FONT style="BACKGROUND-COLOR: #000000" color=#ffffff>+ ....lalala.... +</font>
<EMBED name=wma src=http://kevintony.com/exbud/music/huang.wma hidden=true type=audio/mpeg loop="false" autostart="false"> 
<A href="javascript:document.wma.play()" target=_self><FONT style="BACKGROUND-COLOR: #CD0351" color=#ffffff>  PLAY </font></A> <A href="javascript:document.wma.stop()" target=_self><FONT style="BACKGROUND-COLOR: #CD0351" color=#ffffff>  STOP </font></A><br/> 


flac（free lossless audio codec）源代码
07-26
flac是开源的无损音频压缩标准，他有较高的压缩率并且有较快的压缩速度，是目前的无损压缩标准中为数不多的得到硬件支持的标准。
网页播放器JS代码在线播放
04-07
只要是把文件的目录放在你的里面就OK了 但是请先看我上传文件的里CSS样式表的名称 你的网页样式表不能和我的重名 全部是JS和CSS编辑的~~~很实用！
原生JS实现音乐播放器
YX0711的博客
09-05 1395
虽然现在有很多现成的库去实现音乐播放器功能，但是总感觉只会使用人家的第三方库缺点啥，于是就想着自己使用原生JS写一个，也不是特别难。
HTML+CSS+JavaScript实战（一个简易的视频播放器）
https://github.com/amoorzheyu
11-15 691
思路很常规，无需注释即可看懂（其实是懒得敲 bushi）没有注释也能跑，so直接上源码~
js实现视频的播放、暂停、静音、加速、减速、快进、后退、拖动进度条改变音量、显示视频进度
php的绯闻女友
03-26 9202
话不多说，直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> li { background-color: white; width: 50px; height: 3
经典JS视频播放器代码
modaner的博客
10-07 783
【代码】经典JS视频播放器代码。
酷播云播放器html5播放器JS代码和VUE项目调用(例子参考)
专注企业级视频应用，企业视频直播、MR虚拟直播、教育培训连麦直播
05-14 1189
本文介绍了三种在网页中嵌入HTML5播放器的方法。首先是通过JS代码直接调用Polyv播放器，指定播放器的容器、尺寸和视频ID。其次是通过IFrame调用，设置IFrame的尺寸和视频源地址。最后是在Vue项目中动态加载播放器脚本，并在组件挂载时初始化播放器，组件销毁时销毁播放器实例。这些方法适用于不同的开发场景，帮助开发者灵活地在网页中嵌入视频播放功能。
android实现MP3播放器
bigevil的专栏
06-07 1480
android实现MP3播放器前一段时间考试，这个做好的项目一直没有时间总结。虽然在做项目的期间，把用到的各种技术都记录下来写成blog了，但还是应该有一个总体上的概括与总结。这是自己做的第一个比较大型的项目，这个项目也就是mars大大视频第一季里最后介绍的那个项目。但自己坚持做下来，还是收货颇多。自己完完整整的做一个项目，与在视频了看mars大大啪啪啪的键盘打过去是完全不一样的感觉，过程中遇见了无
推荐一个体积小巧的软件-视频转GIF工具，办公必备神器
qq_73376107的博客
05-20 1127
软件还有一个使用场景，就是在PPT里面插入视频的时候，不如插入类似的GIF动图，无需点击就可以直接播放。今天给大家介绍一个非常不错的视频转GIF动图的软件。这个软件功能非常强大，而且完全免费。这个视频转加图片的软件功能完全免费，没有任何的广告。软件的主要特点：1、不卡顿；比如我这里也导入了一段视频，选择好参数之后，直接点击右下角的生成GIF即可。这个软件是绿色版，下载之后双击打开就能直接使用了。大家可以看一下软件的操作步骤。下面就是合成完毕之后的GIF动图。
SPlayer射手播放器：开源多媒体播放体验
最新发布
weixin_36197669的博客
07-17 1373
SPlayer射手播放器是一款专注于提供流畅多媒体播放体验的软件。它支持广泛的视频和音频格式，并且以其轻量级和用户友好的界面设计赢得了用户的青睐。SPlayer射手播放器在用户界面设计方面也颇具匠心，追求简洁与功能性的平衡。其界面设计简约却不失功能强大，为用户提供了丰富的自定义选项，以满足个性化的需求。设计理念：SPlayer的用户界面设计遵循直观、简洁、高效的原则。整个界面布局合理，功能分区明确，使得用户可以快速找到想要的功能模块，同时也不会因为过于繁杂的选项而感到困惑。界面特色。
【亲测免费】 Vue-Aplayer：优雅的音乐播放器组件，为你的Vue应用增添旋律
gitblog_00501的博客
08-24 1429
在数字时代的浪潮中，音乐已成为我们日常生活中不可或缺的一部分。对于开发者而言，如何在自己的网站或应用中融入高质量的音频体验，显得尤为重要。今天，我们为你带来了一款专为Vue设计的音乐播放器——Vue-Aplayer，它不仅小巧轻便，而且功能强大，是增强用户体验的不二之选。 ## 项目介绍 Vue-Aplayer是一个基于Vue.js的现代音乐播放器组件，由u3u维护，并得到了DIYgod等众多...
播放器通用代码
03-24
使用方法： 1、“播放器序列号”处，填上你喜欢都播放器序列号，即白色数字（注：千万不能把swf前面的小点“.”弄丢了。） 2、在通用代码“写上你想说的话”处输入你想表达的内容。 3、在“歌曲地址”处，输入歌曲地址。 注意：歌曲必须是MP3格式的，否则，不能播放。
Js播放器代码.rar
07-10
Js播放器代码，JavaScript编写的网页音乐播放器，播放列表是GetUrl.js文件，所有的音乐文件路径都在这里面修改。一些常规参数：初始音乐参数设置 var openPLAY = 1; 　　//初始音乐规则： 0 = 初始时不播放音乐 　　// 1 = 初始时播放背乐 　　// 2 = 初始时让用户选择播不播放音乐 　　var openRND = false; 　　//初始音乐播放时随机状态：true = 打开随机状态 　　//false = 不打开随机状态 　　var TH = 28; //播放器控制台高度
论坛专用的JS播放器代码
05-23
论坛专用的JS播放器代码论坛专用的JS播放器代码
JS播放器代码
01-11
JS播放器代码JS播放器代码JS播放器代码
音乐播放器的js代码
fyj___的博客
08-23 2918
音乐播放的主要js代码 音乐数据的数组对象 想向前端网页提供数据，并且为后面的js代码提供了音乐路径 { ablum: "海阔天空", artist: "Beyond", id: 1, name: "大地", path: "musics/1592373302464.mp3", size: 4147913, style: "摇滚", uptime: 1592373302000
STM32F767 音乐播放器 SAI DMA双缓冲 可播放WAV、MP3、FLAC文件
smallerlang的博客
04-26 1159
SAI
web 视频播放器 js
03-08
autoscroll(true,false):当播放列表过长的时候，默认会自动显示滚动条。当该值设置为’true’的时候，会自动根据鼠标滚动播放列表。 displaywidth(number of pixes):设置显示区域的宽度，当设置的比较小的时候，播放列表会显示在显示区域的右侧而不是底部。 kenburns* (true,false): 用以实现在运动的时候实现kb效果（Ken Burns effect），注意，当图比较大，而且网速比较快的时候，建议打开，否则关闭。建议设置transition为"slowfade"来配合。 largecontrols (true,false): 设置该值为true用来放大控制区域的按钮。建议为视力不好的用户打开 logo* (url): 设置一个图片用来作为右上角的水印，支持所有图片格式，支持通明图层的png效果最佳。 overstretch* (true,false,fit,none): 设置图片/影片在显示区域的缩放。"true"等比例拉伸用来符合显示区域。"false"仅拉伸合显示区域。"fit"全屏显示。"none"显示原始大小。JW Media Player等默认为"fit",JW Image Rotator默认为"false" showdigits (true,false,total): 设置为"false"隐藏播放时间等信息用来节省控制区域的空间。设置为"total"用来显示全部时间。 showdownload (true,false):设置该值用来在控制区域显示下载按钮。链接到link所设置的地址。 showeq (true,false): 用来显示一个假的音频波动效果。当播放mp3的时候打设置该值可以得到很好的效果 showicons* (true,false): 用来显示或者隐藏显示区域中间的图片，JW Media Player等默认为true。JW Image Rotator默认为false； showvolume (true,false): 用来设置是否显示音量控制按钮 thumbsinplaylist (true,false): 设置列表中是否显示预览图 播放参数 autostart (true,false,muted): 设置为ture，页面加载完后会自动播放。设置为muted，会在静音模式下自动播放，并且显示区域中间有静音图标。bufferlength (number): 设置flv的缓存时间。默认为3秒 repeat* (true,false,list): 默认为flase，从当前播放位置播放到列表尾部后停止。设置为list会播放列表中所有的项目，设置为true会循环播放。 rotatetime* (number): 设置图片的显示时间。JW Media Player等默认为10秒,JW Image Rotator默认为5秒 shuffle* (true,false): 设置为false顺序播放，设置为true无序播 smoothing (true,false): 设置为false关闭视频平滑处理，推荐设置true用以得到更好效果。但对于大屏幕或者配置低的机器设置false是有好处的 start* (second): 在使用RTMP 或 HTTP 流媒体的时候（非常规的flv/mp3)，使用该变量准确的定位开始位置。该参数设置在XSPE格式的列表中以便准且的设置文件的章节。 volume* (number): 设置音量，默认为80. 互动参数 audio* (url):用这个参数来添加一个mp3文件作为单独的音频，可以作为图片的背景音乐解说等。 bwfile (url):用以带宽检测的文件的地址，可以放一个图片，或者rtmp流媒体。可以在右键菜单中查看到贷款数值。 bwstreams (comma-separated list of bitrates): 和bwfile配合使用，根据带宽值来选择不同的文件。如：你要播放video.flv并且设置该项的值为100,250,500,1000,当播放器发现带宽为349kbps的时候，将会播放video_250.flv。所以他有一套有效的命名设置，他将会自动切换，哪怕是在采用播放列表的情况下。 callback (url):设置这个参数为服务端程序（php/asp)地址用来回传数据。在每个项播放和停止的时候会发送数据到服务器，以便在服务器端保存播放统计。 captions (url): 设置该值用以载入一个文本格式的文本作为字幕。播放器至支持SMIL格式和DVD的SRT格式的字幕。如果你的flv文件内置字体你可以设置该值为"captionate".如果你有多频道字幕，可以设置这个值为"captionate0", "captionate3"等。可以在列表中设置每一个项的值。 enablejs* (true,false): 设置为true打开对javascript的支持。仅支持在线使用。javascript可以控制播放，加载媒体，获得当前播放项的详尽信息。 fsbuttonlink (url):如果用户的flashplayer版本高于（9.0.28）播放器会自动的显示一个全屏按钮。通过设置该值，你可以链接到另外的页面用以全屏显示。服务端程可以设定将要播放的文件。 id (string): 播放器的唯一标识。将会被回传到服务器端。 javascriptid* (string):如果你的页面上有多个播放器，你可以设置这个参数给每个播放器不同的id，这样就可以方便的用javascript来控制。他将回传到getUpdate（）事件中。 link (url): 通过这个参数用来设置一个可现在的版本，或者强制用户通过该地址下载当前项。可以在播放列表中为每一项设置该值。 linkfromdisplay* (true,false):设置显示区域被点击时要访问的页面。默认点击显示区域时会进行播放/暂停操作。 linktarget* (frame): 设置链接目标，"_self"在当前页打开。"_blank"在新页面中打开。 streamscript (url):设置这个参数为了兼容‘伪流媒体’FLV文件。 type (mp3,flv,rtmp,jpg,png,gif,swf,rbs,3gp,mp4,m4v): 播放器会根据文件名的最后三个字符来判断类型。在你使用服务器端语言进行重定向时，这种方法将不会再有效。所以你可以设置这个参数来告诉播放器文件类型。你也可以在播放列表中对每一项进行设置。如果播放器找不到文件类型将会被识别为播放列表。 useaudio (true,false): 设置为false用来改变为静音状态。 usecaptions (true,false):设置为false隐藏字幕. usefullscreen (true,false):如果你不希望用flashplayer9的全屏模式。可以设置"fsbuttonlink"参数用来替换全屏按钮的事件。 usekeys (true,false): 设置为"false"用来取消键盘操作(SPACE,UP,DOWN,LEFT,RIGHT) 注意：你必须对?=&进行字符转移。? → %3F, = → %3D, & → %26. 你的"file" 变量为getplaylist.php?id=123的时候必须设置为 getplaylist.php%3Fid%3D123.
网页播放器代码（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>
用JS实现视频播放器
热门推荐
小葵坤_易安的博客
05-30 5万+
知识点： 1.HTML5 Audio/Video 属性： duration：返回当前音频/视频的长度（以秒计） currentTime：设置或返回音频/视频中的当前播放位置（以秒计） 2.HTML5 Audio/Video 事件： play：音频/视频已开始或不再暂停 pause：音频/视频已暂停 playing：音频/视频在已因缓冲而暂停或停止后已就绪 timeupdate：目前的播放位置...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值