@ -21,15 +21,91 @@
</div>
</div>
<div id="nanogong">
<applet id="nanogongApplet" archive=" { { _p . web_lib } } nanogong/nanogong.jar" code="gong.NanoGong" width="250" height="95">
<param name="ShowTime" value="true" />
<param name="AudioFormat" value="ImaADPCM" />
</applet>
<form name="form_nanogong">
<input id="status" type="hidden" name="status" value="0">
<button class="upload" type="submit" value=" { { 'Send' | get_lang } } " onclick="submitVoice()">
{ { 'Send' | get_lang } }
</button>
</form>
<span id="nanogong_result" ></span>
</div>
<script>
function checkNanoGongEnable() {
var nanogongEnabled = { { enable_nanogong } } ;
if (nanogongEnabled != 1) {
return false;
}
return recorder = document.getElementById("nanogongApplet");
}
function checkWamiEnable() {
var wamiEnabled = { { enable_wami } } ;
if (wamiEnabled != 1) {
return false;
}
if (swfobject.hasFlashPlayerVersion("1")) {
return true;
} else {
return false;
}
}
function submitVoice() {
// lang vars
var lang_no_applet = " { { 'NanogongNoApplet' | get_lang } } ";
var lang_record_before_save = " { { 'NanogongRecordBeforeSave' | get_lang } } ";
var lang_give_a_title = " { { 'NanogongGiveTitle' | get_lang } } ";
var lang_failled_to_submit = " { { 'NanogongFailledToSubmit' | get_lang } } ";
var lang_submitted = " { { 'NanogongSubmitted' | get_lang } } ";
// user and group id
//path, url and filename
var filename = " { { filename } } "; //adding name file, tag and extension
var filename = encodeURIComponent(filename);
var fileInput = 'file';
var urlNanoGong = " { { _p . web_lib } } nanogong/upload_nanogong_file.php?lp_item_id= { { lp_item_id } } &filename="+filename+"&file_field="+fileInput+"&cidReq= { { course_code } } &path= { { cur_dir_path } } ";
var cookie= "ch_sid=" + " { { php_session_id } } ";
// Check
var recorder;
if (!(recorder = document.getElementById("nanogongApplet"))) {
alert(lang_no_applet);
return
}
var duration = parseInt(recorder.sendGongRequest("GetMediaDuration", "audio")) || 0
if (duration <= 0) {
alert(lang_record_before_save);
return;
}
var ret = recorder.sendGongRequest("PostToForm", urlNanoGong, fileInput, cookie, filename);
if (ret == null) {
alert(lang_failled_to_submit);
} else {
alert(lang_submitted);
$("#status").attr('value', '1');
}
}
function setupRecorder() {
$('#wami-recorder').css('margin-bottom', '150px');
Wami.setup( {
id : "wami",
onReady : setupGUI,
swfUrl : " { { _p . web_lib } } wami-recorder/Wami.swf"
});
$('#wami-recorder').css('margin-bottom', '150px');
}
function setupGUI() {
@ -37,9 +113,9 @@ function setupGUI() {
var gui = new Wami.GUI( {
id : "wami-recorder",
singleButton : true,
recordUrl : " { { _p . web_lib } } wami-recorder/record_document.php?lp_item_id= { { lp_item_id } } &waminame="+uniq+"&wamidir= { { lp_dir } } &wamiuserid= { { _u . user_id } } ",
recordUrl : " { { _p . web_lib } } wami-recorder/record_document.php?lp_item_id= { { lp_item_id } } &waminame="+uniq+"&wamidir= { { cur_dir_path } } &wamiuserid= { { _u . user_id } } ",
buttonUrl : " { { _p . web_lib } } wami-recorder/buttons.png",
buttonNoUrl: " { { _p . web_img } } blank.gif",
buttonNoUrl : " { { _p . web_img } } blank.gif",
onRecordStart : function() {
$('#start-recording').show();
},
@ -53,134 +129,136 @@ function setupGUI() {
gui.setPlayEnabled(true);
}
</script>
<script>
$(document).ready(function() {
var isChrome = navigator.webkitGetUserMedia;
isChrome = false;
if (isChrome) {
$('#rtc').show();
$('#wami').hide();
} else {
$('#rtc').hide();
$('#wami').show();
var recordWami = $('#record-wami');
recordWami.on('click', function() {
setupRecorder();
return false;
});
}
var format = 'webm'; // or wav
var record = $('#record');
var stop = document.getElementById('stop');
var preview = document.getElementById('audio');
var progressInfo = document.getElementById('progress-info');
var previewBlock = document.getElementById('preview');
function postBlob(blob, fileType, fileName) {
// FormData
var formData = new FormData();
formData.append(fileType + '-filename', fileName);
formData.append(fileType + '-blob', blob);
// progress-bar
var hr = document.createElement('hr');
progressInfo.appendChild(hr);
var strong = document.createElement('strong');
strong.innerHTML = fileType + ' upload progress: ';
progressInfo.appendChild(strong);
var progress = document.createElement('progress');
progressInfo.appendChild(progress);
// POST the Blob
$.ajax( {
url:' { { _p . web_ajax } } lp.ajax.php?a=record_audio&lp_item_id= { { lp_item_id } } ',
data: formData,
processData: false,
contentType: false,
type: 'POST',
success:function(fileURL) {
window.location.reload();
progressInfo.appendChild(document.createElement('hr'));
var mediaElement = document.createElement(fileType);
mediaElement.src = fileURL;
mediaElement.controls = true;
var uniq = 'id' + (new Date()).getTime();
mediaElement.id = uniq;
$(previewBlock).html('');
previewBlock.appendChild(mediaElement);
mediaElement.play();
$(progressInfo).html('');
window.location.reload();
}
});
}
var recordAudio, recordVideo;
record.on('click', function() {
var rtcEnabled = false;
$(document).ready(function() {
var isChrome = navigator.webkitGetUserMedia;
$('#rtc').hide();
$('#wami').hide();
$('#nanogong').hide();
if (rtcEnabled && isChrome) {
$('#rtc').show();
} else if (checkNanoGongEnable()) {
$('#nanogong').show();
} else if (checkWamiEnable()) {
$('#wami').show();
var recordWami = $('#record-wami');
recordWami.on('click', function() {
setupRecorder();
return false;
});
} else {
// Nothing
}
// Start web RTC code
var format = 'webm'; // or wav
var record = $('#record');
var stop = document.getElementById('stop');
var preview = document.getElementById('audio');
var progressInfo = document.getElementById('progress-info');
var previewBlock = document.getElementById('preview');
function postBlob(blob, fileType, fileName) {
// FormData
var formData = new FormData();
formData.append(fileType + '-filename', fileName);
formData.append(fileType + '-blob', blob);
// progress-bar
var hr = document.createElement('hr');
progressInfo.appendChild(hr);
var strong = document.createElement('strong');
strong.innerHTML = fileType + ' upload progress: ';
progressInfo.appendChild(strong);
var progress = document.createElement('progress');
progressInfo.appendChild(progress);
// POST the Blob
$.ajax( {
url:' { { _p . web_ajax } } lp.ajax.php?a=record_audio&lp_item_id= { { lp_item_id } } ',
data: formData,
processData: false,
contentType: false,
type: 'POST',
success:function(fileURL) {
window.location.reload();
progressInfo.appendChild(document.createElement('hr'));
var mediaElement = document.createElement(fileType);
mediaElement.src = fileURL;
mediaElement.controls = true;
var uniq = 'id' + (new Date()).getTime();
mediaElement.id = uniq;
$(previewBlock).html('');
previewBlock.appendChild(mediaElement);
mediaElement.play();
$(progressInfo).html('');
window.location.reload();
}
});
}
record.disabled = true;
var recordAudio, recordVideo ;
var myURL = (window.URL || window.webkitURL || { } );
record.on('click', function() {
record.disabled = true;
if (navigator.getUserMedia) {
var myURL = (window.URL || window.webkitURL || { } );
navigator.getUserMedia( {
audio: true,
video: false
},
function(stream) {
if (window.IsChrome) stream = new window.MediaStream(stream.getAudioTracks());
if (navigator.getUserMedia) {
preview.src = myURL.createObjectURL(stream);
console.log(preview.src);
preview.play();
navigator.getUserMedia( {
audio: true,
video: false
},
function(stream) {
if (window.IsChrome) stream = new window.MediaStream(stream.getAudioTracks());
recordAudio = RecordRTC(stream, {
type: 'audio'
});
recordAudio.startRecording();
preview.src = myURL.createObjectURL(stream);
console.log(preview.src);
preview.play();
/*recordVideo = RecordRTC(stream, {
type: 'video'
});*/
//recordVideo.startRecording();
stop.disabled = false;
},
function(err) {
console.log("The following error occured: " + err);
return false;
recordAudio = RecordRTC(stream, {
type: 'audio'
});
}
});
recordAudio.startRecording();
/*recordVideo = RecordRTC(stream, {
type: 'video'
});*/
//recordVideo.startRecording();
stop.disabled = false;
},
function(err) {
console.log("The following error occured: " + err);
return false;
});
}
});
stop.onclick = function() {
record.disabled = false;
stop.disabled = true;
stop.onclick = function() {
record.disabled = false;
stop.disabled = true;
var fileName = Math.round(Math.random() * 99999999) + 99999999;
var fileName = Math.round(Math.random() * 99999999) + 99999999;
recordAudio.stopRecording();
recordAudio.stopRecording();
postBlob(recordAudio.getBlob(), 'audio', fileName + '.' + format);
postBlob(recordAudio.getBlob(), 'audio', fileName + '.' + format);
//recordVideo.stopRecording();
//PostBlob(recordVideo.getBlob(), 'video', fileName + '.webm');
//recordVideo.stopRecording();
//PostBlob(recordVideo.getBlob(), 'video', fileName + '.webm');
preview.src = '';
};
preview.src = '';
};
});
// End web RTC code
});
</script>
Julio Montoya
12 years ago