<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>FlashWavRecorder demo</title>
<script type="text/javascript" src="_record/js/jquery.js"></script>
<script type="text/javascript" src="_record/js/swfobject.js"></script>
<script type="text/javascript" src="_record/js/recorder.js"></script>
<script type="text/javascript" src="_record/js/main.js"></script>
<link rel="stylesheet" href="_record/style.css">
</head>
<body>
<div class="container">
<div id="recorder-audio" class="control_panel idle">
<button class="record_button" onclick="FWRecorder.record('audio', 'audio.wav');" title="Record">
<img src="_record/images/record.png" alt="Record" />
</button>
<button class="stop_recording_button" onclick="FWRecorder.stopRecording('audio');" title="Stop Recording">
<img src="_record/images/stop.png" alt="Stop Recording" />
</button>
<button class="play_button" onclick="FWRecorder.playBack('audio');" title="Play">
<img src="_record/images/play.png" alt="Play" />
</button>
<button class="pause_playing_button" onclick="FWRecorder.pausePlayBack('audio');" title="Pause Playing">
<img src="_record/images/pause.png" alt="Pause Playing" />
</button>
<button class="stop_playing_button" onclick="FWRecorder.stopPlayBack();" title="Stop Playing">
<img src="_record/images/stop.png" alt="Stop Playing" />
</button>
<div class="level"></div>
</div>
<div class="details">
<span id="save_button">
<span id="flashcontent">
<p>您的浏览器必须支持Javascript,而且安装了Flash播放器！</p>
</span>
</span> <br /><br />
<button class="show_level" onclick="FWRecorder.observeLevel();">显示声波</button>
<button class="hide_level" onclick="FWRecorder.stopObservingLevel();" style="display: none;">隐藏声波</button>
<button class="show_settings" onclick="microphonePermission()">麦克风权限</button>
<div id="status">录音状态。。。</div>
<div>录音时长：<span id="duration"></span></div>
<div>上传状态：<span id="upload_status"></span></div>
</div>
<form id="uploadForm" name="uploadForm" action="upload.php">
<input name="authenticity_token" value="xxxxx" type="hidden">
<input name="upload_file[parent_id]" value="1" type="hidden">
<input name="format" value="json" type="hidden">
</form>
</div>
</body>
</html>
Java+FlashWavRecorder实现网页录音并上传
4星 · 超过85%的资源 需积分: 21 159 浏览量
2014-09-18
15:20:14
上传
评论 8
收藏 30KB ZIP 举报 
_record.zip （11个子文件） 
_record 
index.html 2KB images 
record.png 350B stop.png 333B play.png 238B upload.png 402B pause.png 322B
recorder.swf 18KB js 
main.js 5KB recorder.js 6KB swfobject.js 10KB style.css 2KB
uikoo9
- 粉丝: 1242
- 资源: 17
- 1
- 2
- 3
- 4
- 5
- 6
前往页