<meta charset="utf-8">
<script src="./scripts/lib.min.js"></script>
<script src="./scripts/common.js"></script>
<script src="./scripts/jplayer.playlist.min.js"></script>
<script src="./scripts/jquery.jplayer.min.js"></script>
<script src="./scripts/audio_play_common.js"></script>
<script src="./scripts/AudioRecorder.js"></script>
<script src="./scripts/recorder_common.js"></script>
<!--<link rel="stylesheet" href="style.min.css" />-->
<link rel="stylesheet" href="./scripts/lms_audio.css" />
<div class="lms-audio">
<div class="record_control">
<div id="startRecording" class="startRecording start_recording testrecord_btn"><img src="./images/audio_icon.png"></div><!-- 开始录音 -->
<div id="stopRecording" class="stop_recording testrecord_btn hide"><!-- 停止录音 -->
<div class="record_time" id="js_record_time">00:00</div>
<div class="circular"><div></div></div>
</div>
<div id="startPlayback" class="testrecord_btn hide">
<!-- 录音结束 -->
<div class="start_playback">
<div class="record_font">如果不满意,可以重新答题</div>
<div class="record_btn startRecording"><img src="./images/audio_icon.png"></div>
</div>
<!-- 上传成功 -->
<div class="upload_success hide">
<div class="record_btn"></div>
<div class="result_font">上传成功!</div>
<div class="record_font">如果不满意,可以重新答题</div>
</div>
<!-- 上传失败 -->
<div class="upload_fail hide">
<div class="record_btn"></div>
<div class="result_font">上传失败!</div>
<div class="record_font">请检查网络状态后,重新上传!</div>
</div>
<div class="my_answer">
<span>你的回答:</span>
<div class="jp-answer">
<div class="jp-jplayer myanswer_review_audio" id="jp_jplayer_0" style="width: 0px; height: 0px;"><img id="jp_poster_0" style="width: 0px; height: 0px; display: none;">
<audio id="jp_audio_0" preload="metadata" src="https://static2.zhan.com/beikao/video/listening_test.mp3" title="relisten"></audio></div>
<div class="jp-audio jp_container_2" role="application" aria-label="media player">
<div class="jp-type-single">
<div class="jp-gui jp-interface">
<div class="jp-controls">
<button class="jp-play" role="button" tabindex="0">play</button>
</div>
<div class="jp-progress">
<div class="jp-seek-bar" style="width: 100%;">
<div class="jp-play-bar" style="width: 0%;"></div>
</div>
</div>
<div class="jp-time-holder">
<div class="jp-current-time" role="timer" aria-label="time">00:00</div>
<span class="left">/</span>
<div class="jp-duration" role="timer" aria-label="duration">00:31</div>
</div>
</div>
</div>
</div>
</div>
<!-- <span class="answer_play"></span>
<span class="answer_progress" data-title="00:02"></span> -->
<span class="upload start_playback js_upload">上传</span>
<span class="rerecord upload_success startRecording hide">重录</span>
<span class="upload upload_fail js_upload hide">重新上传</span>
</div>
</div>
<div class="upload_process hide">
上传中...
</div>
</div>
<img src="./images/luyin_hover.png" class="hover" style="margin-top:-80px;">
<span id="fwRecorderContainer" class="hide"></span>
</div>
<script>
var lms_upload_url = './SaveRecord.php';
var recorder_limit_time = 120000;
var userAnswer='';//当有录音文件
$(document).ready(function (e) {
if(userAnswer!=''){
$('#startRecording').addClass('hide'); //录音按钮
$('.lms-audio .hover').addClass('hide'); //点击录音开始答题的图片
$('#startPlayback .start_playback').addClass('hide');
$('#startPlayback').removeClass('hide'); //上传后的展示div
$('.upload_success').removeClass('hide'); //上传成功后的展示div
$('.upload_success .result_font').text('音频已上传!');
setTimeout(function () {
$('#jp_audio_0').attr('src', userAnswer);
}, 100);
//重新录音后,点击上传需把文案改回来
$('.start_playback').click(function () {
$('.upload_success .result_font').text('上传成功!');
});
}
});
function flashSaveSuccess(json)
{
if(json.status == '1')
{
console.log(json);
//$('#jp_audio_0').attr('src', json.status );
//alert('录音保存成功!');
}
else
{
alert('录音保存失败');
}
}
</script>
没有合适的资源?快使用搜索试试~ 我知道了~
webRTC录音
共32个文件
js:7个
png:7个
xml:6个
5星 · 超过95%的资源 需积分: 50 24 下载量 109 浏览量
2017-11-07
16:37:30
上传
评论 2
收藏 233KB RAR 举报
温馨提示
https浏览器下实现口语录音,保存MP3|wav格式,下载下来直接可以使用,js+php回调
资源推荐
资源详情
资源评论
收起资源包目录
webRTC-https.rar (32个子文件)
webRTC-https
SaveRecord.php 4KB
index.html 5KB
images
recording.gif 2KB
upload_fail.png 4KB
pause_icon.png 716B
audio_icon.png 837B
luyin_btn_hover.png 4KB
luyin_hover.png 3KB
play_icon.png 928B
upload_success.png 4KB
uploading.gif 28KB
scripts
lms_audio.css 6KB
jplayer.playlist.min.js 9KB
audio_play_common.js 12KB
AudioRecorder.js 24KB
recorder_common.js 9KB
style.min.css 328KB
lib.min.js 325KB
jquery.jplayer.min.js 60KB
common.js 10KB
video
FWRecorder.swf 18KB
.idea
misc.xml 132B
workspace.xml 9KB
.name 6B
encodings.xml 171B
modules.xml 275B
webRTC.iml 292B
scopes
scope_settings.xml 143B
vcs.xml 173B
index.php 6KB
teacher_record
1510043587_zhanlms.mp3 24KB
1510040130_zhanlms.mp3 23KB
共 32 条
- 1
资源评论
- neo_guo2019-11-16貌似有用的
落叶秋2020
- 粉丝: 23
- 资源: 96
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功