第九区

一个程序员的经验笔记

基于FLASH的网站语音留言功能

| 暂无评论

今天用到了一个网站语音留言功能,用户可以在网上录音发布自己的留言,以避免打字的繁琐。

实现方案的名称是FlashWavRecorder,下载地址是:https://codeload.github.com/cykod/FlashWavRecorder/zip/master

它基于一个名为swfobject的FLASH控件,地址是:http://code.google.com/p/swfobject,方案本身的源码里面已经包含了这个控件,所以你无需再单独下载它。

采用这个方案,可以兼容IE/FIREWORKS/CHROME等桌面浏览器,但手机、平板等手持设备由于不支持FLASH无法使用本功能。

下载的压缩包中包含如下文件:

FlashWavRecorder文件结构

其中,index.html是示例的首页:

$(function() {
var appWidth = 24;//flash初始宽度
var appHeight = 24;//flash初始高度
var flashvars = {'event_handler': 'microphone_recorder_events', 'upload_image': 'images/upload.png'};//flash参数
var params = {};
var attributes = {'id': "recorderApp", 'name': "recorderApp"};
swfobject.embedSWF("/js/recorder.swf", "flashcontent", appWidth, appHeight, "11.0.0", "", flashvars, params, attributes);//加载flash
});

 



对flash进行设置一般是用不到的,不过有个参数决定了语音的清晰度和录音文件的大小:

Recorder.configure(5);//1语音最清晰,5录音文件最小

 



recorder.js里面,具体演示了如何调用flash的API,可以解决大多数常见问题。
如果还是需要更多定制,下载包中也包含了as源码,可以自行对其进行修改后重新编译swf文件。

发表评论

*为必填字段!