这个是自己在毕业的时候,在做毕业设计的时候写的,为了完成毕业设计的一个在线播放mp3的功能,这个播放器也不算是完全算是自己写的,在以前学习flash的时候在网上看到了一个很不错的播放器,但是那是一个桌面的一个应用,没办法在网页上使用,所以就决定反编译那个软件,取出来里面的一些图片,动画元素,但是反编译出来的代码也有一写问题,然后就开始修改里面的代码,去掉了里面一些功能,在播放器中也留有javascript调用的接口。
使用方式也很简单:
1. 在附件里面我会上传这个播放器的源代码,还有这个播放器使用的一个简单示例,看下来。
2. javascript代码如下:
var data = '{'+ '"musicId":' + '"3",' + '"songName":'+'"Can\'t Stop Love",'+ '"singer":'+'"Darin",'+ '"url":'+'"1.mp3"'+ '}|{'+ '"musicId":' + '"4",' + '"songName":'+'"想你的夜",'+ '"singer":'+'"Darin",'+ '"url":'+'"2.mp3"'+ '}'; document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="520" height="380" id="webMusicPlayer" align="middle">'); document.write('<param name="movie" value="webMusicPlayer.swf" />'); document.write('<param name="quality" value="high" />'); document.write('<param name="bgcolor" value="#ffffff" />'); document.write('<param name="play" value="true" />'); document.write('<param name="loop" value="true" />'); //flash舞台背景设置为透明 document.write('<param name="wmode" value="transparent" />'); document.write('<param name="scale" value="showall" />'); document.write('<param name="menu" value="true" />'); document.write('<param name="devicefont" value="true" />'); document.write('<param name="salign" value="" />'); document.write('<param name="allowScriptAccess" value="sameDomain" />'); document.write('<embed src="webMusicPlayer.swf" width="520" height="380" id="webMusicPlayer" '+ 'name="webMusicPlayer" wmode="transparent" allowScriptAccess="sameDomain" '+ 'quality="high" bgcolor="#ffffff" play="true" loop="true" scale="showall" menu="true" devicefont="true"'+ 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'); document.write('</object>'); //搭建js与flash交互的环境 function thisMovie(movieName) { if (navigator.appName.indexOf("Microsoft") != -1) { return window[movieName]; } else { return document[movieName]; } } /** * 向播放列表中添加歌曲 * @param data */ function addMusicToPlayList(data) { thisMovie("webMusicPlayer").addMusicToPlayList(data); } /** * 向播放列表中添加并且播放 * @param data */ function addMusicAndPlay(data){ thisMovie("webMusicPlayer").addMusicAndPlay(data); } /** * 删一首歌曲 * @param musicId */ function deleteMusic(musicId){ alert(musicId); } /** * 清空播放列表 */ function clearPlayList(){ alert("clear"); }
3. 在从js向flash发送歌曲的数据的时候一定要采用json格式的字符串,就像示例代码一样。
4. 在向flash中传入的歌曲信息应该有4个内容:歌曲的id, 歌曲的名称,歌手名称,还有就是歌曲的url,特别注意的是歌曲的url不能出现中字符,具体为什么我也不太清楚,我测试使用到中文字符的歌曲都播放不出来。
5. 在js代码中的addMusicToPlayList 和 addMusicAndPlay这两个方法是js向播放器传入数据,删除歌曲和清空播放列表是播放器删除了歌曲或者清空了播放列表后向js发出通知,这样就可以让后台可以出来这两个动作
6.使用附件中的使用很简单,直接把示例拷贝到Tomcat或者其他服务器中,然后访问webMusicPlayer.html这个文件就可以看到效果了,效果如下:
7. 附近下载地址:https://github.com/silentwu/MusicPlayer
相关推荐
C_Me音乐播放器是一款音乐播放器应用,该应用已经上线了国内各大应用市场网站,大家可以去安卓测试一下,应用实现了可以播放mp3、wma,还可以显示歌词,可以浏览本地所有音乐文件,可以将音乐分专辑分类,播放器界面...
C_Me音乐播放器是一款音乐播放器应用,该应用已经上线了国内各大应用市场网站,大家可以去安卓测试一下,应用实现了可以播放mp3、wma,还可以显示歌词,可以浏览本地所有音乐文件,可以将音乐分专辑分类,播放器界面...
计算和查看音乐长度的方法:要计算音乐的长度(所占帧数),首先应该知道音乐的播放时间,选择【音乐】图层第1帧,打开【属性】面板就可以看到相应的信息, 也可以利用MP3播放器查看歌曲播放时间根据计算得出歌曲...
《C#开发实例大全(基础卷)》筛选、汇集了C#开发从基础知识到高级应用各个层面约600个实例及源代码,每个实例...实例230 在ComboBox下拉列表中显示图片 304 实例231 用ComboBox控件制作浏览器 网址输入框 305 实例232...
实例105: 在线播放网络中的MP3 371 实例106: 在线下载音乐作为手机铃声 379 实例107: 播放GIF格式的动画 385 实例108: 在手机中播放MP4视频 391 实例109: 在线观看3GP视频 394 第9章 Google地图实例集锦 403 ...
实例084 在DataGridView控件中显示图片 118 实例085 为DataGridView控件实现复选功能 120 实例086 禁用DataGridView控件列表头自动排序 122 2.9 其他控件典型应用 123 实例087 TrackBar控件的简单应用 123 实例...
实例084 在DataGridView控件中显示图片 118 实例085 为DataGridView控件实现复选功能 120 实例086 禁用DataGridView控件列表头自动排序 122 2.9 其他控件典型应用 123 实例087 TrackBar控件的简单应用 123 实例...
实例084 在DataGridView控件中显示图片 118 实例085 为DataGridView控件实现复选功能 120 实例086 禁用DataGridView控件列表头自动排序 122 2.9 其他控件典型应用 123 实例087 TrackBar控件的简单应用 123 实例...
实例084 在DataGridView控件中显示图片 118 实例085 为DataGridView控件实现复选功能 120 实例086 禁用DataGridView控件列表头自动排序 122 2.9 其他控件典型应用 123 实例087 TrackBar控件的简单应用 123 实例...