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

news/2024/12/12 7:59:33/

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

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

  • 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

 

转载于:https://www.cnblogs.com/nightzsze/p/3938952.html


http://www.ppmy.cn/news/883502.html

相关文章

flash 播放控制代码

<HTML><HEAD> <meta http-equiv"Content-Type" content"text/html; charsetgb2312"> <title>Flash播放</title><script >var movie,timer,step,total,statenull,delay100 function init(){ moviewindow.document.mov…

swf 格式Flash 动画播放器在Android上的实现

首先明确一点&#xff0c;swf格式和其他的一些视频格式有很大的区别。 它里面不仅有音频还有其他的各种元素(术语叫块类型)包括但不仅限于&#xff1a; 矢量图、图片、文字、字体、片段动画、按钮、帧、动作、音频等等 你需要将这些元素一一解析并渲染出来。 这种格式是允许…

数码管循环播放数字

目录 前言 一&#xff0c;设计思想 二&#xff0c;模块代码 三&#xff0c;引脚分配 四.运行效果 前言 FPGA小白&#xff0c;第一次写文章&#xff0c;记录自己写的关于数码管循环播放滚动数字实验的一点想法和成品&#xff0c;分享出来&#xff0c;一起开发新方法。 一&…

Flash按钮操作(画面暂停与播放)

Flash中按钮的用处 按钮可以让画面进行交互,添加相应的代码,可让画面或者背景音乐进行跳转、变化等操作,用处很多也比较大。 怎么样设置一个简单的按钮 先绘制一个图形(即该按钮的外观状态) 全选中改图形,右击选择转化为元件,并在类型中,选择按钮类型 这里,一个简…

Flowplayer播放器flash全屏播放器带播放按钮

Flowplayer 是一个开源&#xff08;GPL 3的&#xff09;WEB视频播放器。您可以将该播放器嵌入您的网页中&#xff0c;如果您是开发人员&#xff0c;您还可以自由定制和配置播放器相关参数以达到您要的播放效果。本文主要介绍Flowplayer的使用。 查看演示DEMO Flowplayer支持播放…

如何在HTML中播放flash

随着html的风靡&#xff0c;改变了之前前端的许多条条框框&#xff0c;而video的出现使flash仿佛都要退出历史的舞台了&#xff0c;但是h5也会出现以下局限性&#xff0c;比如说&#xff0c;在一些不支持h5的浏览器上&#xff0c;此处省略一万只草泥马.......... 之前做的一直…

在线视频应用:flash播放器换html5播放器常见的问题汇总

谷歌Chrome 53产品的更新时屏蔽了部分Flash特定应用&#xff0c;Chrome 55浏览器将自动默认使用HTML 5视频&#xff0c;Chrome 58时直接以默认的方式禁止运行flash&#xff0c;至此&#xff0c;曾经无处不在的flash插件&#xff0c;终于将要退出历史舞台了。 图1 - 谷歌浏览器已…

js控制flash播放器

flash播放器 在网页中插入FLASH动画,并给他一个id变量,假设为"flashvar",这时你可以需要的地方用js来控制FLASH对象了... document.FLASH对象名称.方法名称() document.FLASH对象名称.属性 上面的语法适用于IE和Netscape浏览器,但是N6.0和N6.01版不支持...设定对象名…