【免费】FlashWavRecorder(eguid修改版).zip资源-CSDN下载

共12个文件

png：5个

js：4个

css：1个

5星 · 超过95%的资源需积分: 0 191 浏览量 2016-11-16 09:58:25 上传评论 3 收藏 74KB ZIP 举报

《FlashWavRecorder eguid修改版：实现浏览器端音频录制技术详解》 FlashWavRecorder是一款经典的Flash技术实现的浏览器端音频录制插件，而"FlashWavRecorder(eguid修改版).zip"则是在此基础上进行优化和汉化的版本，为用户提供了更便捷的录音与上传功能。该插件主要针对IE8及以上版本的浏览器，满足了当时HTML5音频录制功能在部分老旧浏览器中的缺失。我们来了解一下FlashWavRecorder的基本原理。FlashWavRecorder利用Adobe Flash Player插件，它内建了对音频流处理的支持。在用户点击开始录音时，Flash会捕获麦克风输入的声音数据，将其编码为WAV格式，并存储在用户的计算机上。当用户停止录音时，这些音频数据会被上传到服务器，从而实现了浏览器端的音频录制与上传功能。在"FlashWavRecorder(eguid修改版)"中，"eguid"可能指的是对原始代码进行了某种特定的修改或优化，可能是解决了原版的兼容性问题，或是提升了录音质量，或者是为了适应中国用户而进行了本地化处理，例如添加了中文界面。这些修改使得这款插件更适合中国开发者和用户使用，降低了使用门槛。接下来，我们关注一下压缩包内的两个关键文件：index.html和audioRecorder。index.html是网页的主入口文件，其中包含了调用FlashWavRecorder插件的JavaScript代码。通过JavaScript，开发者可以控制录音的开始、暂停、停止以及上传等操作，同时也可以显示UI元素，如开始/停止按钮，录音状态指示等。audioRecorder文件很可能是一个SWF文件，即Flash的可执行文件，它是实际处理音频录制的核心组件。在实际应用中，开发者需要将这个SWF文件嵌入到HTML页面中，通过JavaScript与SWF对象交互。例如，可以使用ExternalInterface API来建立JavaScript与Flash之间的通信桥梁，传递开始录音、停止录音等命令。此外，为了保证安全性和用户体验，还需要处理好用户权限请求，比如获取访问麦克风的权限。总结来说，"FlashWavRecorder(eguid修改版)"是一个适用于IE8及以上浏览器的音频录制解决方案，尤其适合那些需要在旧版本浏览器中实现录音功能的项目。通过JavaScript和Flash技术的结合，它为用户提供了简单易用的录音体验，而汉化后的版本则使其在中国市场更具亲和力。对于开发者而言，理解和掌握这个插件的工作原理和使用方法，将有助于在项目中高效地实现音频录制功能。

资源推荐

资源详情

资源评论

收起资源包目录

FlashWavRecorder(eguid修改版).zip （12个子文件）

index.html 9KB

audioRecorder

main.js 6KB

recorder.swf 18KB

record.png 350B

jquery.js 160KB

stop.png 333B

recorder.js 5KB

play.png 238B

upload.png 402B

pause.png 322B

style.css 2KB

swfobject.js 10KB

<!DOCTYPE html>  <html><head lang="en"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>FlashWavRecorder demo</title> <script src="audioRecorder/jquery.js"></script> <script type="text/javascript" src="audioRecorder/swfobject.js"></script> <script type="text/javascript" src="audioRecorder/recorder.js"></script> <script type="text/javascript" src="audioRecorder/main.js"></script> <link rel="stylesheet" href="audioRecorder/style.css"> <style type="text/css" media="screen">#flashcontent {visibility:hidden}</style></head> <body> <div class="container"> <h1>FlashWavRecorder（基于flash的wav录制）</h1> <div id="recorder-audio" class="control_panel idle"> <button class="record_button" onclick="FWRecorder.record('audio', 'audio.wav');" title="Record"> <img src="audioRecorder/record.png" alt="Record"> </button> <button class="stop_recording_button" onclick="FWRecorder.stopRecording('audio');" title="Stop Recording"> <img src="audioRecorder/stop.png" alt="Stop Recording"> </button> <button class="play_button" onclick="FWRecorder.playBack('audio');" title="Play"> <img src="audioRecorder/play.png" alt="Play"> </button> <button class="pause_playing_button" onclick="FWRecorder.pausePlayBack('audio');" title="Pause Playing"> <img src="audioRecorder/pause.png" alt="Pause Playing"> </button> <button class="stop_playing_button" onclick="FWRecorder.stopPlayBack();" title="Stop Playing"> <img src="audioRecorder/stop.png" alt="Stop Playing"> </button> <div class="level"></div> </div> <div id="recorder-audio2" class="control_panel idle"> <button class="record_button" onclick="FWRecorder.record('audio2', 'audio2.wav');" title="Record"> <img src="audioRecorder/record.png" alt="Record"> </button> <button class="stop_recording_button" onclick="FWRecorder.stopRecording('audio2');" title="Stop Recording"> <img src="audioRecorder/stop.png" alt="Stop Recording"> </button> <button class="play_button" onclick="FWRecorder.playBack('audio2');" title="Play"> <img src="audioRecorder/play.png" alt="Play"> </button> <button class="pause_playing_button" onclick="FWRecorder.pausePlayBack('audio2');" title="Pause Playing"> <img src="audioRecorder/pause.png" alt="Pause Playing"> </button> <button class="stop_playing_button" onclick="FWRecorder.stopPlayBack();" title="Stop Playing"> <img src="audioRecorder/stop.png" alt="Stop Playing"> </button> <div class="level"></div> </div> <div class="details"> <button class="show_level" onclick="FWRecorder.observeLevel();">显示动态效果</button> <button class="hide_level" onclick="FWRecorder.stopObservingLevel();" style="display: none;">隐藏动态效果</button> <span id="save_button"> <object type="application/x-shockwave-flash" id="recorderApp" name="recorderApp" data="audioRecorder/recorder.swf" width="24" height="24"><param name="flashvars" value="upload_image=audioRecorder/upload.png"></object> </span> <div><button class="show_settings" onclick="microphonePermission()">麦克风权限设置</button></div> <div>录制事件:</div> <div id="status"><div class="recorder-event">ready</div> </div> <div>持续时间: <span id="duration"></span></div> <div>活动等级: <span id="activity_level"></span></div> <div>上传状态: <span id="upload_status"></span></div> </div> <form id="uploadForm" name="uploadForm" action="audio/send" method="post"> <span>设备id:</span><input name="deviceId" value="0000007"> <span>音频格式:</span><input name="audio_format" value="wav"> </form> <h4>麦克风配置项</h4> <form class="mic_config" onsubmit="return false;"> <ul> <li> <label for="rate">采样率</label> <select id="rate" name="rate"> <option value="44" selected="">44,100 Hz</option> <option value="22">22,050 Hz</option> <option value="11">11,025 Hz</option> <option value="8">8,000 Hz</option> <option value="5">5,512 Hz</option> </select> </li> <li> <label for="gain">音量</label> <select id="gain" name="gain"> <option>100</option><option>99</option><option>98</option><option>97</option><option>96</option><option>95</option><option>94</option><option>93</option><option>92</option><option>91</option><option>90</option><option>89</option><option>88</option><option>87</option><option>86</option><option>85</option><option>84</option><option>83</option><option>82</option><option>81</option><option>80</option><option>79</option><option>78</option><option>77</option><option>76</option><option>75</option><option>74</option><option>73</option><option>72</option><option>71</option><option>70</option><option>69</option><option>68</option><option>67</option><option>66</option><option>65</option><option>64</option><option>63</option><option>62</option><option>61</option><option>60</option><option>59</option><option>58</option><option>57</option><option>56</option><option>55</option><option>54</option><option>53</option><option>52</option><option>51</option><option>50</option><option>49</option><option>48</option><option>47</option><option>46</option><option>45</option><option>44</option><option>43</option><option>42</option><option>41</option><option>40</option><option>39</option><option>38</option><option>37</option><option>36</option><option>35</option><option>34</option><option>33</option><option>32</option><option>31</option><option>30</option><option>29</option><option>28</option><option>27</option><option>26</option><option>25</option><option>24</option><option>23</option><option>22</option><option>21</option><option>20</option><option>19</option><option>18</option><option>17</option><option>16</option><option>15</option><option>14</option><option>13</option><option>12</option><option>11</option><option>10</option><option>9</option><option>8</option><option>7</option><option>6</option><option>5</option><option>4</option><option>3</option><option>2</option><option>1</option><option>0</option></select> </li> <li> <label for="silenceLevel">静默电平</label> <select id="silenceLevel" name="silenceLevel"> <option>0</option><option>1</option><option>2</option><option>3</option><option>4</option><option>5</option><option>6</option><option>7</option><option>8</option><option>9</option><option>10</option><option>11</option><option>12</option><option>13</option><option>14</option><option>15</option><option>16</option><option>17</option><option>18</option><option>19</option><option>20</option><option>21</option><option>22</option><option>23</option><option>24</option><option>25</option><option>26</option><option>27</option><option>28</option><option>29</option><option>30</option><option>31</option><option>32</option><option>33</option><option>34</option><option>35</option><option>36</option><option>37</option><option>38</option><option>39</option><option>40</option><option>41</option><option>42</option><option>43</option><option>44</option><option>45</option><option>46</option><option>47</option><option>48</option><option>49</option><option>50</option><option>51</option><option>52</option><option>53</option><option>54</option><option>55</option><option>56</option><option>57</option><option>58</option><option>59</option><option>60</option><option>61</option><option>62</option>

评论收藏

内容反馈