带有波形图的flash音乐播放器

最近项目里需要这么一个东西，但是找遍了网上也没有合适的带波形图的播放器。

曾经找到过非常接近的解决方案，最后都不能用：

  • media player，如果机器安装了高版本的media player是可以显示波形图的，优点是客户端一般不需要额外下载（因为调用的是windows下的wmp.dll），缺点是如果是低版本的media player就没法显示波形图，并且即使是高版本的，有时候也不会显示波形图，原因未知…
  • flash播放器，这个网上有很多例子，但是有大部分的波形图都是假的，就是放了一个抖动的动画而已…另外有一些，则是风格原因不太合适使用。

所以最后自己做了一个，非常简单，只有一个视频区域用来显示波形图，提供了播放，暂停，停止3个接口，效果如图

其中0-256像素是左声道的波形图，256-512是右声道的波形图，超过了512像素的话波形图就会从头开始循环。

实现原理主要是使用了as3里的SoundMixer.computeSpectrum，然后根据stage大小绘制曲线。

缺点是不支持wav，尝试使用了一个flash的播放wav库，但是内存开销太大，放弃了，如果需要播放wav可以先用ffmpeg转换成MP3。

swf下载地址

简单接口：播放：playAudio，暂停：pauseAudio，停止：stopAudio

时间： 2024-08-27 10:19:08

带有波形图的flash音乐播放器的相关文章

Dewplayer 音乐播放器

Dewplayer 是一款用于 Web 的轻量级 Flash 音乐播放器.提供有多种样式选择,支持播放列表,并可以通过 JavaScript 接口来控制播放器. 注意事项: 该播放器只支持 mp3 格式,其他格式(AAC.WMA.OGG.ASX.M3U.PLS 等)都不支持. 在线实例 实例预览 基础样式 实例预览 JavaScript API 使用方法 注意替换播放器文件及 mp3 文件的地址 <object type="application/x-shockwave-flash&quo

推荐漂亮的flash网页MP3音乐播放器

文章来源:PHP开发学习门户 地址:http://www.php#thinking.com/archives/491  (去点#) 在网页制作中,如果想在网页中插入mp3音乐来增添网页的互动感,提升用户体验度,这个时候网页音乐播放器就很有必要了,一般的情况下如果用背景音乐播放的话有几个很不友好的地方 1.随网页加载就播放,用户不能暂停,停止播放 2.一般浏览器兼容性差,很少能通用全部浏览器 所以一款基于flash的网页音乐播放器就很有必要了. 他有以下一些优点 1.浏览器兼容性好,现在一般的主流

Flex4/Flash+BlazeDS+JAVA+MySql 开发在线音乐播放器实例

要求 必备知识 本文要求基本了解 Adobe Flex编程知识和JAVA基础知识. 开发环境 MyEclipse10/Flash Builder4.6/Flash Player11及以上 演示地址 演示地址 传统网络程序的开发是基于页面的.服务器端数据传递的模式,把网络程序的表现层建立于HTML页面之上,而HTML是适合于文本的,传统的基于页面的系统已经渐渐不能满足网络浏览者的更高的.全方位的体验要求了.而富互联网应用(Rich Internet Applications,缩写为RIA)的出现就

推荐美丽的flash网页MP3音乐播放器

文章来源:PHP开发学习门户 地址:http://www.phpthinking.com/archives/491 在网页制作中.假设想在网页中插入mp3音乐来增添网页的互动感,提升用户体验度,这个时候网页音乐播放器就非常有必要了.一般的情况下假设用背景音乐播放的话有几个非常不友好的地方 1.随网页载入就播放,用户不能暂停.停止播放 2.一般浏览器兼容性差.非常少能通用所有浏览器 所以一款基于flash的网页音乐播放器就非常有必要了. 他有下面一些长处 1.浏览器兼容性好.如今一般的主流浏览器都

html网页音乐播放器自带播放列表

基于网页的音乐播放器demo  http://pan.baidu.com/s/1dDgm7HR 自己diy了一个手机端在线音乐播放器演示地址http://shanxi2014.com/zhuandizhi/dom.php 全面支持手机端浏览器. 主要修改引用路径(不要修改文件相对存放地址) 第二就是正则拼接参数了 <script src="/city/js/libs/jquery-1.10.2.min.js"></script> <script src=&

Qt版音乐播放器

    Qt版音乐播放器 转载请标明出处:牟尼的专栏 http://blog.csdn.net/u012027907 一.关于Qt 1.1 什么是Qt Qt是一个跨平台应用程序和UI开发框架.使用Qt只需一次性开发应用程序,无需重新编写源代码,便可跨不同桌面和嵌入式操作系统部署这些应用程序. Qt Creator是全新的跨平台Qt IDE,可单独使用,也可与Qt库和开发工具组成一套完整的SDK,其中包括:高级C++代码编辑器,项目和集成管理工具,集成的上下文相关的帮助系统,图形化调试器,代码管理

网页音乐播放器javascript实现，可以显示歌词

可以显示歌词,但是歌词和歌曲都要实现自己下载下来.只能播放一首歌,歌词还得是lrc格式的代码写的很罗嗦,急切希望帮改改CSS的代码?1.代码:<html >    <head>        <!--下面有很多style都是没用到的,但是我改不动了-->        <!--css觉得真是很麻烦-->        <style type="text/css">            audio            { 

【程序开发小记】VB.NET音乐播放器

写在前面的话: 为了营造一个很好的交流学习的环境,也是为了迎合学校毕业设计的需求,开通了博客园.在下学期伊始,会每星期更新毕业设计的进度.博客业已开通,为了交流学习,要只是更新毕业设计的进度显得有些做作.博主并不是好看书时写些小评的主儿,遂不知有和内容好献于此,只得将之前课程中或是实习时开发的程序在此做个简述. 因这些项目也是博主心血,也是怕某些学弟学妹直接搬用引发事端,不便将源码原封不动摆在这里,在此只做简要说明. 若有意愿交流学习,可以在评论或是私信留下联系方式. 话不多说,接下来直奔主题.

HTML5之audio实战，网页音乐播放器开发

今天我们就基于 HTML5 audio  来,开发一个网页音乐播放器. 在HTML5 新特性中,audio .video 是我们比较关心的 新 元素,我们终于可以脱离 Flash ,来开发音频.视频播放器了,对于 一个HTML 新元素,无非就是 属性.事件 .方法等等,关于audio 的具体的属性.事件 .方法,请谷歌. 看我们的HTML代码: audio.html <!DOCTYPE html> <html> <head> <meta charset="