chamilo
/
chamilo-lms
mirror of https://github.com/chamilo/chamilo-lms/tree/1.11.x
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Allow listen record preview before save in document/exercise - refs BT#11060

Browse Source
pull/2487/head
Angel Fernando Quiroz Campos 9 years ago
parent d0898d3e95
commit e66c532829
3 changed files with 124 additions and 66 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 4
      main/inc/ajax/record_audio_rtc.ajax.php
  2. 85
      main/template/default/document/record_audio.tpl
  3. 101
      main/template/default/exercise/oral_expression.tpl

4
main/inc/ajax/record_audio_rtc.ajax.php
Unescape View File

@ -66,6 +66,10 @@ if (!empty($result) && is_array($result)) {
$data = DocumentManager::get_document_data_by_id($newDocId, $courseInfo['code']);
Display::addFlash(
Display::return_message(get_lang('DocumentCreated'), 'success')
);
echo $data['document_url'];
exit;
}

85
main/template/default/document/record_audio.tpl
Unescape View File

@ -16,13 +16,19 @@
</div>
</div>
<div class="text-center">
<div class="form-groups">
<div class="form-group">
<button class="btn btn-primary" type="button" id="btn-start-record">
<span class="fa fa-circle fa-fw" aria-hidden="true"></span> {{ 'StartRecordingAudio'|get_lang }}
</button>
<button class="btn btn-success" type="button" id="btn-stop-record" disabled>
<button class="btn btn-danger" type="button" id="btn-stop-record" disabled>
<span class="fa fa-square fa-fw" aria-hidden="true"></span> {{ 'StopRecordingAudio'|get_lang }}
</button>
<button class="btn btn-success" type="button" id="btn-save-record" disabled>
<span class="fa fa-send fa-fw" aria-hidden="true"></span> {{ 'SaveRecordedAudio'|get_lang }}
</button>
</div>
<div class="form-group">
<audio class="skip hidden center-block" controls id="record-preview"></audio>
</div>
</div>
</form>
@ -57,7 +63,9 @@
var mediaConstraints = {audio: true},
recordRTC = null,
btnStart = $('#btn-start-record'),
btnStop = $('#btn-stop-record');
btnStop = $('#btn-stop-record'),
btnSave = $('#btn-save-record'),
tagAudio = $('#record-preview');
btnStart.on('click', function () {
audioTitle = $('#audio-title-rtc').val();
@ -85,8 +93,10 @@
recordRTC.startRecording();
$('#audio-title-rtc').prop('readonly', true);
btnSave.prop('disabled', true);
btnStop.prop('disabled', false);
btnStart.prop('disabled', true);
tagAudio.removeClass('show').addClass('hidden');
}
function errorCallback(error) {
@ -100,32 +110,53 @@
}
recordRTC.stopRecording(function (audioURL) {
var recordedBlob = recordRTC.getBlob(),
fileName = audioTitle,
fileExtension = '.' + recordedBlob.type.split('/')[1];
var formData = new FormData();
formData.append('audio_blob', recordedBlob, audioTitle + fileExtension);
formData.append('audio_dir', '{{ directory }}');
$.ajax({
url: '{{ _p.web_ajax }}record_audio_rtc.ajax.php',
data: formData,
processData: false,
contentType: false,
type: 'POST',
success: function (fileURL) {
if (!fileURL) {
return;
}
window.location.reload();
btnStart.prop('disabled', false);
btnStop.prop('disabled', true);
btnSave.prop('disabled', false);
tagAudio
.removeClass('hidden')
.addClass('show')
.prop('src', audioURL);
});
});
btnSave.on('click', function () {
if (!recordRTC) {
return;
}
var recordedBlob = recordRTC.getBlob();
if (!recordedBlob) {
return;
}
var fileName = audioTitle,
fileExtension = '.' + recordedBlob.type.split('/')[1];
var formData = new FormData();
formData.append('audio_blob', recordedBlob, audioTitle + fileExtension);
formData.append('audio_dir', '{{ directory }}');
$.ajax({
url: '{{ _p.web_ajax }}record_audio_rtc.ajax.php',
data: formData,
processData: false,
contentType: false,
type: 'POST',
success: function (fileURL) {
if (!fileURL) {
return;
}
});
$('#audio-title-rtc').prop('readonly', false);
btnStop.prop('disabled', true);
btnStart.prop('disabled', false);
$('#audio-title-rtc').prop('readonly', false);
btnSave.prop('disabled', true);
btnStop.prop('disabled', true);
btnStart.prop('disabled', false);
window.location.reload();
}
});
});
}

101
main/template/default/exercise/oral_expression.tpl
Unescape View File

@ -1,28 +1,26 @@
<div class="alert alert-warning">
<span class="fa fa-warning fa-fw" aria-hidden="true"></span> {{ 'WamiNeedFilename'|get_lang }}
</div>
<div id="record-audio-recordrtc" class="row text-center">
<form>
<div class="row">
<div class="col-sm-4 col-sm-offset-4">
<div class="form-group">
<span class="fa fa-microphone fa-5x fa-fw" aria-hidden="true"></span>
<span class="sr-only">{{ 'RecordAudio'|get_lang }}</span>
</div>
</div>
<div class="col-sm-12">
<div class="form-groups">
<button class="btn btn-primary" type="button" id="btn-start-record">
<span class="fa fa-circle fa-fw" aria-hidden="true"></span> {{ 'StartRecordingAudio'|get_lang }}
</button>
<button class="btn btn-success" type="button" id="btn-stop-record" disabled>
<span class="fa fa-square fa-fw" aria-hidden="true"></span> {{ 'StopRecordingAudio'|get_lang }}
</button>
</div>
</div>
<div class="col-sm-4 col-sm-offset-4">
<div class="form-group">
<span class="fa fa-microphone fa-5x fa-fw" aria-hidden="true"></span>
<span class="sr-only">{{ 'RecordAudio'|get_lang }}</span>
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<button class="btn btn-primary" type="button" id="btn-start-record">
<span class="fa fa-circle fa-fw" aria-hidden="true"></span> {{ 'StartRecordingAudio'|get_lang }}
</button>
<button class="btn btn-danger" type="button" id="btn-stop-record" disabled>
<span class="fa fa-square fa-fw" aria-hidden="true"></span> {{ 'StopRecordingAudio'|get_lang }}
</button>
<button class="btn btn-success" type="button" id="btn-save-record" disabled>
<span class="fa fa-send fa-fw" aria-hidden="true"></span> {{ 'SaveRecordedAudio'|get_lang }}
</button>
</div>
<div class="form-group">
<audio class="skip hidden center-block" controls id="record-preview"></audio>
</div>
</form>
</div>
</div>
<div class="row" id="record-audio-wami">
@ -38,7 +36,9 @@
var mediaConstraints = {audio: true},
recordRTC = null,
btnStart = $('#btn-start-record'),
btnStop = $('#btn-stop-record');
btnStop = $('#btn-stop-record'),
btnSave = $('#btn-save-record'),
tagAudio = $('#record-preview');
btnStart.on('click', function () {
navigator.getUserMedia = navigator.getUserMedia ||
@ -59,8 +59,10 @@
});
recordRTC.startRecording();
btnSave.prop('disabled', true);
btnStop.prop('disabled', false);
btnStart.prop('disabled', true);
tagAudio.removeClass('show').addClass('hidden');
}
function errorCallback(error) {
@ -74,22 +76,43 @@
}
recordRTC.stopRecording(function (audioURL) {
var recordedBlob = recordRTC.getBlob(),
fileName = '{{ file_name }}',
fileExtension = '.' + recordedBlob.type.split('/')[1];
var formData = new FormData();
formData.append('audio_blob', recordedBlob, fileName + fileExtension);
formData.append('audio_dir', '{{ directory }}');
$.ajax({
url: '{{ _p.web_ajax }}record_audio_rtc.ajax.php',
data: formData,
processData: false,
contentType: false,
type: 'POST'
});
btnStart.prop('disabled', false);
btnStop.prop('disabled', true);
btnSave.prop('disabled', false);
tagAudio
.removeClass('hidden')
.addClass('show')
.prop('src', audioURL);
});
});
btnSave.on('click', function () {
if (!recordRTC) {
return;
}
var recordedBlob = recordRTC.getBlob();
if (!recordedBlob) {
return;
}
var fileName = '{{ file_name }}',
fileExtension = '.' + recordedBlob.type.split('/')[1];
var formData = new FormData();
formData.append('audio_blob', recordedBlob, fileName + fileExtension);
formData.append('audio_dir', '{{ directory }}');
$.ajax({
url: '{{ _p.web_ajax }}record_audio_rtc.ajax.php',
data: formData,
processData: false,
contentType: false,
type: 'POST'
}).then(function () {
btnSave.prop('disabled', true);
btnStop.prop('disabled', true);
btnStart.prop('disabled', false);
});

Write Preview
Loading…
Cancel
Save