Juan Carlos Raña
13 years ago
commit
8d965d673d
Binary file not shown.
@ -0,0 +1,199 @@ |
||||
<?php |
||||
/* For licensing terms, see /license.txt */ |
||||
|
||||
/** |
||||
* This file allows record wav files. |
||||
* |
||||
* @package chamilo.document |
||||
* |
||||
* @author Juan Carlos Raña Trabado herodoto@telefonica.net |
||||
* @since 5/april/2012 |
||||
*/ |
||||
/** |
||||
* Code |
||||
*/ |
||||
|
||||
/* INIT SECTION */ |
||||
|
||||
// Name of the language file that needs to be included |
||||
$language_file = array('document'); |
||||
|
||||
require_once '../inc/global.inc.php'; |
||||
|
||||
$_SESSION['whereami'] = 'document/voicerecord'; |
||||
$this_section = SECTION_COURSES; |
||||
|
||||
require_once api_get_path(SYS_CODE_PATH).'document/document.inc.php'; |
||||
require_once api_get_path(LIBRARY_PATH).'groupmanager.lib.php'; |
||||
|
||||
$nameTools = get_lang('VoiceRecord'); |
||||
|
||||
api_protect_course_script(); |
||||
api_block_anonymous_users(); |
||||
|
||||
$document_data = DocumentManager::get_document_data_by_id($_GET['id'], api_get_course_id(), true); |
||||
if (empty($document_data)) { |
||||
if (api_is_in_group()) { |
||||
$group_properties = GroupManager::get_group_properties(api_get_group_id()); |
||||
$document_id = DocumentManager::get_document_id(api_get_course_info(), $group_properties['directory']); |
||||
$document_data = DocumentManager::get_document_data_by_id($document_id, api_get_course_id()); |
||||
} |
||||
} |
||||
|
||||
$document_id = $document_data['id']; |
||||
$dir = $document_data['path']; |
||||
|
||||
//make some vars |
||||
$wamidir=$dir; |
||||
if($wamidir=="/"){ |
||||
$wamidir=""; |
||||
} |
||||
$wamiurlplay=api_get_path(WEB_COURSE_PATH).api_get_course_path().'/document'.$wamidir."/"; |
||||
|
||||
|
||||
$is_allowed_to_edit = api_is_allowed_to_edit(null, true); |
||||
|
||||
// Please, do not modify this dirname formatting |
||||
|
||||
if (strstr($dir, '..')) { |
||||
$dir = '/'; |
||||
} |
||||
|
||||
if ($dir[0] == '.') { |
||||
$dir = substr($dir, 1); |
||||
} |
||||
|
||||
if ($dir[0] != '/') { |
||||
$dir = '/'.$dir; |
||||
} |
||||
|
||||
if ($dir[strlen($dir) - 1] != '/') { |
||||
$dir .= '/'; |
||||
} |
||||
|
||||
$filepath = api_get_path(SYS_COURSE_PATH).$_course['path'].'/document'.$dir; |
||||
|
||||
if (!is_dir($filepath)) { |
||||
$filepath = api_get_path(SYS_COURSE_PATH).$_course['path'].'/document/'; |
||||
$dir = '/'; |
||||
} |
||||
//make some vars |
||||
//$waminame="audiorecord.wav"; |
||||
$wamiuserid=api_get_user_id(); |
||||
$userinfo=Database::get_user_info_from_id($wamiuserid); |
||||
$waminame = api_get_person_name($userinfo['firstname'], $userinfo['lastname']).'.wav'; |
||||
$waminame = replace_dangerous_char($waminame, 'strict'); |
||||
|
||||
|
||||
$waminame_noex=basename($waminame, ".wav"); |
||||
$dirBaseDocuments = api_get_path(SYS_COURSE_PATH).$_course['path'].'/document'; |
||||
$saveDir=$dirBaseDocuments.$wamidir; |
||||
if (file_exists($saveDir.'/'.$waminame)){ |
||||
$i = 1; |
||||
while (file_exists($saveDir.'/'.$waminame_noex.'_'.$i.'.wav')) $i++; |
||||
$waminame = $waminame_noex . '_' . $i . '.wav'; |
||||
} |
||||
|
||||
//groups //TODO: clean |
||||
if (isset ($_SESSION['_gid']) && $_SESSION['_gid'] != 0) { |
||||
$req_gid = '&gidReq='.$_SESSION['_gid']; |
||||
$interbreadcrumb[] = array ("url" => "../group/group_space.php?gidReq=".$_SESSION['_gid'], "name" => get_lang('GroupSpace')); |
||||
$noPHP_SELF = true; |
||||
$to_group_id = $_SESSION['_gid']; |
||||
$group = GroupManager :: get_group_properties($to_group_id); |
||||
$path = explode('/', $dir); |
||||
if ('/'.$path[1] != $group['directory']) { |
||||
api_not_allowed(true); |
||||
} |
||||
} |
||||
|
||||
$interbreadcrumb[] = array ("url" => "./document.php?id=".$document_id.$req_gid, "name" => get_lang('Documents')); |
||||
|
||||
if (!$is_allowed_in_course) { |
||||
api_not_allowed(true); |
||||
} |
||||
|
||||
if (!($is_allowed_to_edit || $_SESSION['group_member_with_upload_rights'] || is_my_shared_folder(api_get_user_id(), Security::remove_XSS($dir),api_get_session_id()))) { |
||||
api_not_allowed(true); |
||||
} |
||||
|
||||
|
||||
/* Header */ |
||||
event_access_tool(TOOL_DOCUMENT); |
||||
|
||||
$display_dir = $dir; |
||||
if (isset ($group)) { |
||||
$display_dir = explode('/', $dir); |
||||
unset ($display_dir[0]); |
||||
unset ($display_dir[1]); |
||||
$display_dir = implode('/', $display_dir); |
||||
} |
||||
|
||||
// Interbreadcrumb for the current directory root path |
||||
$counter = 0; |
||||
if (isset($document_data['parents'])) { |
||||
foreach($document_data['parents'] as $document_sub_data) { |
||||
//fixing double group folder in breadcrumb |
||||
if (api_get_group_id()) { |
||||
if ($counter == 0) { |
||||
$counter++; |
||||
continue; |
||||
} |
||||
} |
||||
$interbreadcrumb[] = array('url' => $document_sub_data['document_url'], 'name' => $document_sub_data['title']); |
||||
$counter++; |
||||
} |
||||
} |
||||
|
||||
Display :: display_header($nameTools, 'Doc'); |
||||
echo '<div class="actions">'; |
||||
echo '<a href="document.php?id='.$document_id.'">'.Display::return_icon('back.png',get_lang('BackTo').' '.get_lang('DocumentsOverview'),'',ICON_SIZE_MEDIUM).'</a>'; |
||||
echo '</div>'; |
||||
|
||||
|
||||
?> |
||||
<!-- swfobject is a commonly used library to embed Flash content https://ajax.googleapis.com/ajax/libs/swfobject/2.2/ --> |
||||
<script type="text/javascript" src="<?php echo api_get_path(WEB_LIBRARY_PATH) ?>swfobject/swfobject.js"></script>
|
||||
|
||||
<!-- Setup the recorder interface --> |
||||
<script type="text/javascript" src="<?php echo api_get_path(WEB_LIBRARY_PATH) ?>wami-recorder/recorder.js"></script>
|
||||
|
||||
<!-- GUI code... take it or leave it --> |
||||
<script type="text/javascript" src="<?php echo api_get_path(WEB_LIBRARY_PATH) ?>wami-recorder/gui.js"></script>
|
||||
|
||||
<script> |
||||
function setupRecorder() { |
||||
Wami.setup({ |
||||
id : "wami", |
||||
onReady : setupGUI |
||||
}); |
||||
} |
||||
|
||||
function setupGUI() { |
||||
var gui = new Wami.GUI({ |
||||
id : "wami", |
||||
recordUrl : "<?php echo api_get_path(WEB_LIBRARY_PATH) ?>wami-recorder/record_document.php?waminame=<?php echo $waminame; ?>&wamidir=<?php echo $wamidir; ?>&wamiuserid=<?php echo $wamiuserid; ?>",
|
||||
playUrl : "<?php echo $wamiurlplay.$waminame; ?>",
|
||||
buttonUrl : "<?php echo api_get_path(WEB_LIBRARY_PATH) ?>wami-recorder/buttons.png",
|
||||
swfUrl : "<?php echo api_get_path(WEB_LIBRARY_PATH) ?>wami-recorder/Wami.swf",
|
||||
}); |
||||
|
||||
gui.setPlayEnabled(false); |
||||
} |
||||
|
||||
</script> |
||||
|
||||
<div id="wami" style="margin-left: 460px; margin-top:50px;"></div> |
||||
<div align="center" style="margin-top:200px;"> |
||||
<?php |
||||
|
||||
Display::display_normal_message(get_lang('VoiceRecord'), false); |
||||
|
||||
?> |
||||
|
||||
</div> |
||||
<body onLoad="setupRecorder()"> |
||||
|
||||
<?php |
||||
|
||||
Display :: display_footer(); |
||||
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
@ -0,0 +1,349 @@ |
||||
var Wami = window.Wami || {}; |
||||
|
||||
// Upon a creation of a new Wami.GUI(options), we assume that a WAMI recorder
|
||||
// has been initialized.
|
||||
Wami.GUI = function(options) { |
||||
var RECORD_BUTTON = 1; |
||||
var PLAY_BUTTON = 2; |
||||
|
||||
setOptions(options); |
||||
setupDOM(); |
||||
|
||||
var recordButton, playButton; |
||||
var recordInterval, playInterval; |
||||
|
||||
function createDiv(id, style) { |
||||
var div = document.createElement("div"); |
||||
if (id) { |
||||
div.setAttribute('id', id); |
||||
} |
||||
if (style) { |
||||
div.style.cssText = style; |
||||
} |
||||
return div; |
||||
} |
||||
|
||||
function setOptions(options) { |
||||
if (!options.buttonUrl) { |
||||
options.buttonUrl = "buttons.png"; |
||||
} |
||||
|
||||
if (typeof options.listen == 'undefined' || options.listen) { |
||||
listen(); |
||||
} |
||||
} |
||||
|
||||
function setupDOM() { |
||||
var guidiv = createDiv(null, |
||||
"position: absolute; width: 214px; height: 137px;"); |
||||
document.getElementById(options.id).appendChild(guidiv); |
||||
|
||||
var rid = Wami.createID(); |
||||
var recordDiv = createDiv(rid, |
||||
"position: absolute; left: 40px; top: 25px"); |
||||
guidiv.appendChild(recordDiv); |
||||
|
||||
recordButton = new Button(rid, RECORD_BUTTON, options.buttonUrl); |
||||
recordButton.onstart = startRecording; |
||||
recordButton.onstop = stopRecording; |
||||
|
||||
recordButton.setEnabled(true); |
||||
|
||||
if (!options.singleButton) { |
||||
var pid = Wami.createID(); |
||||
var playDiv = createDiv(pid, |
||||
"position: absolute; right: 40px; top: 25px"); |
||||
guidiv.appendChild(playDiv); |
||||
|
||||
playButton = new Button(pid, PLAY_BUTTON, options.buttonUrl); |
||||
playButton.onstart = startPlaying; |
||||
playButton.onstop = stopPlaying; |
||||
} |
||||
} |
||||
|
||||
/** |
||||
* These methods are called on clicks from the GUI. |
||||
*/ |
||||
function startRecording() { |
||||
if (!options.recordUrl) { |
||||
alert("No record Url specified!"); |
||||
} |
||||
recordButton.setActivity(0); |
||||
playButton.setEnabled(false); |
||||
Wami.startRecording(options.recordUrl, |
||||
Wami.nameCallback(onRecordStart), Wami |
||||
.nameCallback(onRecordFinish), Wami |
||||
.nameCallback(onError)); |
||||
} |
||||
|
||||
function stopRecording() { |
||||
Wami.stopRecording(); |
||||
clearInterval(recordInterval); |
||||
recordButton.setEnabled(true); |
||||
} |
||||
|
||||
function startPlaying() { |
||||
if (!options.playUrl) { |
||||
alert('No play URL specified!'); |
||||
} |
||||
|
||||
playButton.setActivity(0); |
||||
recordButton.setEnabled(false); |
||||
|
||||
Wami.startPlaying(options.playUrl, Wami.nameCallback(onPlayStart), Wami |
||||
.nameCallback(onPlayFinish), Wami.nameCallback(onError)); |
||||
} |
||||
|
||||
function stopPlaying() { |
||||
Wami.stopPlaying(); |
||||
} |
||||
|
||||
this.setPlayUrl = function(url) { |
||||
options.playUrl = url; |
||||
} |
||||
|
||||
this.setRecordUrl = function(url) { |
||||
options.recordUrl = url; |
||||
} |
||||
|
||||
this.setPlayEnabled = function(val) { |
||||
playButton.setEnabled(val); |
||||
} |
||||
|
||||
this.setRecordEnabled = function(val) { |
||||
recordButton.setEnabled(val); |
||||
} |
||||
|
||||
/** |
||||
* Callbacks from the flash indicating certain events |
||||
*/ |
||||
|
||||
function onError(e) { |
||||
alert(e); |
||||
} |
||||
|
||||
function onRecordStart() { |
||||
recordInterval = setInterval(function() { |
||||
if (recordButton.isActive()) { |
||||
var level = Wami.getRecordingLevel(); |
||||
recordButton.setActivity(level); |
||||
} |
||||
}, 200); |
||||
if (options.onRecordStart) { |
||||
options.onRecordStart(); |
||||
} |
||||
} |
||||
|
||||
function onRecordFinish() { |
||||
playButton.setEnabled(true); |
||||
if (options.onRecordFinish) { |
||||
options.onRecordFinish(); |
||||
} |
||||
} |
||||
|
||||
function onPlayStart() { |
||||
playInterval = setInterval(function() { |
||||
if (playButton.isActive()) { |
||||
var level = Wami.getPlayingLevel(); |
||||
playButton.setActivity(level); |
||||
} |
||||
}, 200); |
||||
if (options.onPlayStart) { |
||||
options.onPlayStart(); |
||||
} |
||||
} |
||||
|
||||
function onPlayFinish() { |
||||
clearInterval(playInterval); |
||||
recordButton.setEnabled(true); |
||||
playButton.setEnabled(true); |
||||
if (options.onPlayFinish) { |
||||
options.onPlayFinish(); |
||||
} |
||||
} |
||||
|
||||
function listen() { |
||||
Wami.startListening(); |
||||
// Continually listening when the window is in focus allows us to
|
||||
// buffer a little audio before the users clicks, since sometimes
|
||||
// people talk too soon. Without "listening", the audio would record
|
||||
// exactly when startRecording() is called.
|
||||
window.onfocus = function() { |
||||
Wami.startListening(); |
||||
}; |
||||
|
||||
// Note that the use of onfocus and onblur should probably be replaced
|
||||
// with a more robust solution (e.g. jQuery's $(window).focus(...)
|
||||
window.onblur = function() { |
||||
Wami.stopListening(); |
||||
}; |
||||
} |
||||
|
||||
function Button(buttonid, type, url) { |
||||
var self = this; |
||||
self.active = false; |
||||
self.type = type; |
||||
|
||||
init(); |
||||
|
||||
// Get the background button image position
|
||||
// Index: 1) normal 2) pressed 3) mouse-over
|
||||
function background(index) { |
||||
if (index == 1) |
||||
return "-56px 0px"; |
||||
if (index == 2) |
||||
return "0px 0px"; |
||||
if (index == 3) |
||||
return "-112px 0"; |
||||
alert("Background not found: " + index); |
||||
} |
||||
|
||||
// Get the type of meter and its state
|
||||
// Index: 1) enabled 2) meter 3) disabled
|
||||
function meter(index, offset) { |
||||
var top = 5; |
||||
if (offset) |
||||
top += offset; |
||||
if (self.type == RECORD_BUTTON) { |
||||
if (index == 1) |
||||
return "-169px " + top + "px"; |
||||
if (index == 2) |
||||
return "-189px " + top + "px"; |
||||
if (index == 3) |
||||
return "-249px " + top + "px"; |
||||
} else { |
||||
if (index == 1) |
||||
return "-269px " + top + "px"; |
||||
if (index == 2) |
||||
return "-298px " + top + "px"; |
||||
if (index == 3) |
||||
return "-327px " + top + "px"; |
||||
} |
||||
alert("Meter not found: " + self.type + " " + index); |
||||
} |
||||
|
||||
function silhouetteWidth() { |
||||
if (self.type == RECORD_BUTTON) { |
||||
return "20px"; |
||||
} else { |
||||
return "29px"; |
||||
} |
||||
} |
||||
|
||||
function mouseHandler(e) { |
||||
var rightclick; |
||||
if (!e) |
||||
var e = window.event; |
||||
if (e.which) |
||||
rightclick = (e.which == 3); |
||||
else if (e.button) |
||||
rightclick = (e.button == 2); |
||||
|
||||
if (!rightclick) { |
||||
if (self.active && self.onstop) { |
||||
self.active = false; |
||||
self.onstop(); |
||||
} else if (!self.active && self.onstart) { |
||||
self.active = true; |
||||
self.onstart(); |
||||
} |
||||
} |
||||
} |
||||
|
||||
function init() { |
||||
var div = document.createElement("div"); |
||||
var elem = document.getElementById(buttonid); |
||||
if (elem) { |
||||
elem.appendChild(div); |
||||
} else { |
||||
alert('Could not find element on page named ' + buttonid); |
||||
} |
||||
|
||||
self.guidiv = document.createElement("div"); |
||||
self.guidiv.style.width = '56px'; |
||||
self.guidiv.style.height = '63px'; |
||||
self.guidiv.style.cursor = 'pointer'; |
||||
self.guidiv.style.background = "url(" + url + ") no-repeat"; |
||||
self.guidiv.style.backgroundPosition = background(1); |
||||
div.appendChild(self.guidiv); |
||||
|
||||
// margin auto doesn't work in IE quirks mode
|
||||
// http://stackoverflow.com/questions/816343/why-will-this-div-img-not-center-in-ie8
|
||||
// text-align is a hack to force it to work even if you forget the
|
||||
// doctype.
|
||||
self.guidiv.style.textAlign = 'center'; |
||||
|
||||
self.meterDiv = document.createElement("div"); |
||||
self.meterDiv.style.width = silhouetteWidth(); |
||||
self.meterDiv.style.height = '63px'; |
||||
self.meterDiv.style.margin = 'auto'; |
||||
self.meterDiv.style.cursor = 'pointer'; |
||||
self.meterDiv.style.position = 'relative'; |
||||
self.meterDiv.style.background = "url(" + url + ") no-repeat"; |
||||
self.meterDiv.style.backgroundPosition = meter(2); |
||||
self.guidiv.appendChild(self.meterDiv); |
||||
|
||||
self.coverDiv = document.createElement("div"); |
||||
self.coverDiv.style.width = silhouetteWidth(); |
||||
self.coverDiv.style.height = '63px'; |
||||
self.coverDiv.style.margin = 'auto'; |
||||
self.coverDiv.style.cursor = 'pointer'; |
||||
self.coverDiv.style.position = 'relative'; |
||||
self.coverDiv.style.background = "url(" + url + ") no-repeat"; |
||||
self.coverDiv.style.backgroundPosition = meter(1); |
||||
self.meterDiv.appendChild(self.coverDiv); |
||||
|
||||
self.active = false; |
||||
self.guidiv.onmousedown = mouseHandler; |
||||
} |
||||
|
||||
self.isActive = function() { |
||||
return self.active; |
||||
} |
||||
|
||||
self.setActivity = function(level) { |
||||
self.guidiv.onmouseout = function() { |
||||
}; |
||||
self.guidiv.onmouseover = function() { |
||||
}; |
||||
self.guidiv.style.backgroundPosition = background(2); |
||||
self.coverDiv.style.backgroundPosition = meter(1, 5); |
||||
self.meterDiv.style.backgroundPosition = meter(2, 5); |
||||
|
||||
var totalHeight = 31; |
||||
var maxHeight = 9; |
||||
|
||||
// When volume goes up, the black image loses height,
|
||||
// creating the perception of the colored one increasing.
|
||||
var height = (maxHeight + totalHeight - Math.floor(level / 100 |
||||
* totalHeight)); |
||||
self.coverDiv.style.height = height + "px"; |
||||
} |
||||
|
||||
self.setEnabled = function(enable) { |
||||
var guidiv = self.guidiv; |
||||
self.active = false; |
||||
if (enable) { |
||||
self.coverDiv.style.backgroundPosition = meter(1); |
||||
self.meterDiv.style.backgroundPosition = meter(1); |
||||
guidiv.style.backgroundPosition = background(1); |
||||
guidiv.onmousedown = mouseHandler; |
||||
guidiv.onmouseover = function() { |
||||
guidiv.style.backgroundPosition = background(3); |
||||
}; |
||||
guidiv.onmouseout = function() { |
||||
guidiv.style.backgroundPosition = background(1); |
||||
}; |
||||
} else { |
||||
self.coverDiv.style.backgroundPosition = meter(3); |
||||
self.meterDiv.style.backgroundPosition = meter(3); |
||||
guidiv.style.backgroundPosition = background(1); |
||||
guidiv.onmousedown = null; |
||||
guidiv.onmouseout = function() { |
||||
}; |
||||
guidiv.onmouseover = function() { |
||||
}; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
@ -0,0 +1,6 @@ |
||||
<html> |
||||
<head> |
||||
</head> |
||||
<body> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,64 @@ |
||||
<?php |
||||
require_once '../../../inc/global.inc.php'; |
||||
require_once api_get_path(LIBRARY_PATH).'fileUpload.lib.php'; |
||||
require_once api_get_path(LIBRARY_PATH).'document.lib.php'; |
||||
////Add security from Chamilo |
||||
api_protect_course_script(); |
||||
api_block_anonymous_users(); |
||||
// |
||||
# Save the audio to a URL-accessible directory for playback. |
||||
parse_str($_SERVER['QUERY_STRING'], $params); |
||||
|
||||
if(isset($params['waminame']) && isset($params['wamidir']) && isset($params['wamiuserid'])) { |
||||
$waminame = $params['waminame']; |
||||
$wamidir = $params['wamidir']; |
||||
$wamiuserid = $params['wamiuserid']; |
||||
} |
||||
else { |
||||
api_not_allowed(); |
||||
die(); |
||||
} |
||||
|
||||
if ($wamiuserid!= api_get_user_id() || api_get_user_id()==0 || $wamiuserid==0) { |
||||
api_not_allowed(); |
||||
die(); |
||||
} |
||||
|
||||
|
||||
//clean |
||||
$waminame = Security::remove_XSS($waminame); |
||||
$waminame = addslashes(trim($waminame)); |
||||
$waminame = replace_dangerous_char($waminame, 'strict'); |
||||
$waminame = disable_dangerous_file($waminame); |
||||
$wamidir = Security::remove_XSS($wamidir); |
||||
|
||||
|
||||
$content = file_get_contents('php://input'); |
||||
|
||||
//security extension |
||||
$ext = explode('.', $waminame); |
||||
$ext = strtolower($ext[sizeof($ext) - 1]); |
||||
|
||||
if($ext!= 'wav'){ |
||||
die(); |
||||
} |
||||
|
||||
//Do not use here check Fileinfo method because return: text/plain |
||||
|
||||
$dirBaseDocuments = api_get_path(SYS_COURSE_PATH).$_course['path'].'/document'; |
||||
$saveDir=$dirBaseDocuments.$wamidir; |
||||
$current_session_id = api_get_session_id(); |
||||
$groupId=$_SESSION['_gid']; |
||||
$documentPath = $saveDir.'/'.$waminame; |
||||
$title=str_replace('_',' ',$waminame); |
||||
//$title=basename($waminame, ".wav");//save title whitout extension |
||||
|
||||
//add to disk |
||||
$fh = fopen($documentPath, 'w') or die("can't open file"); |
||||
fwrite($fh, $content); |
||||
fclose($fh); |
||||
|
||||
//add document to database |
||||
$doc_id = add_document($_course, $wamidir.'/'.$waminame, 'file', filesize($documentPath), $title); |
||||
api_item_property_update($_course, TOOL_DOCUMENT, $doc_id, 'DocumentAdded', $_user['user_id'], $groupId, null, null, null, $current_session_id); |
||||
?> |
||||
@ -0,0 +1,273 @@ |
||||
var Wami = window.Wami || {}; |
||||
|
||||
// Returns a (very likely) unique string with of random letters and numbers
|
||||
Wami.createID = function() { |
||||
return "wid" + ("" + 1e10).replace(/[018]/g, function(a) { |
||||
return (a ^ Math.random() * 16 >> a / 4).toString(16) |
||||
}); |
||||
} |
||||
|
||||
// Creates a named callback in WAMI and returns the name as a string.
|
||||
Wami.nameCallback = function(cb, cleanup) { |
||||
Wami._callbacks = Wami._callbacks || {}; |
||||
var id = Wami.createID(); |
||||
Wami._callbacks[id] = function() { |
||||
if (cleanup) { |
||||
Wami._callbacks[id] = null; |
||||
} |
||||
cb.apply(null, arguments); |
||||
}; |
||||
var named = "Wami._callbacks['" + id + "']"; |
||||
return named; |
||||
} |
||||
|
||||
// This method ensures that a WAMI recorder is operational, and that
|
||||
// the following API is available in the Wami namespace. All functions
|
||||
// must be named (i.e. cannot be anonymous).
|
||||
//
|
||||
// Wami.startPlaying(url, startfn = null, finishedfn = null, failedfn = null);
|
||||
// Wami.stopPlaying()
|
||||
//
|
||||
// Wami.startRecording(url, startfn = null, finishedfn = null, failedfn = null);
|
||||
// Wami.stopRecording()
|
||||
//
|
||||
// Wami.getRecordingLevel() // Returns a number between 0 and 100
|
||||
// Wami.getPlayingLevel() // Returns a number between 0 and 100
|
||||
//
|
||||
// Wami.hide()
|
||||
// Wami.show()
|
||||
//
|
||||
// Manipulate the WAMI recorder's settings. In Flash
|
||||
// we need to check if the microphone permission has been granted.
|
||||
// We might also set/return sample rate here, etc.
|
||||
//
|
||||
// Wami.getSettings();
|
||||
// Wami.setSettings(options);
|
||||
//
|
||||
// Optional way to set up browser so that it's constantly listening
|
||||
// This is to prepend audio in case the user starts talking before
|
||||
// they click-to-talk.
|
||||
//
|
||||
// Wami.startListening()
|
||||
//
|
||||
Wami.setup = function(options) { |
||||
if (Wami.startRecording) { |
||||
// Wami's already defined.
|
||||
if (options.onReady) { |
||||
options.onReady(); |
||||
} |
||||
return; |
||||
} |
||||
|
||||
// Assumes that swfobject.js is included if Wami.swfobject isn't
|
||||
// already defined.
|
||||
Wami.swfobject = Wami.swfobject || swfobject; |
||||
|
||||
if (!Wami.swfobject) { |
||||
alert("Unable to find swfobject to help embed the SWF."); |
||||
} |
||||
|
||||
var _options; |
||||
setOptions(options); |
||||
embedWamiSWF(_options.id, Wami.nameCallback(delegateWamiAPI)); |
||||
|
||||
function supportsTransparency() { |
||||
// Detecting the OS is a big no-no in Javascript programming, but
|
||||
// I can't think of a better way to know if wmode is supported or
|
||||
// not... since NOT supporting it (like Flash on Ubuntu) is a bug.
|
||||
return (navigator.platform.indexOf("Linux") == -1); |
||||
} |
||||
|
||||
function setOptions(options) { |
||||
// Start with default options
|
||||
_options = { |
||||
swfUrl : "Wami.swf", |
||||
onReady : function() { |
||||
Wami.hide(); |
||||
}, |
||||
onSecurity : checkSecurity, |
||||
onError : function(error) { |
||||
alert(error); |
||||
} |
||||
}; |
||||
|
||||
if (typeof options == 'undefined') { |
||||
alert('Need at least an element ID to place the Flash object.'); |
||||
} |
||||
|
||||
if (typeof options == 'string') { |
||||
_options.id = options; |
||||
} else { |
||||
_options.id = options.id; |
||||
} |
||||
|
||||
if (options.swfUrl) { |
||||
_options.swfUrl = options.swfUrl; |
||||
} |
||||
|
||||
if (options.onReady) { |
||||
_options.onReady = options.onReady; |
||||
} |
||||
|
||||
if (options.onLoaded) { |
||||
_options.onLoaded = options.onLoaded; |
||||
} |
||||
|
||||
if (options.onSecurity) { |
||||
_options.onSecurity = options.onSecurity; |
||||
} |
||||
|
||||
if (options.onError) { |
||||
_options.onError = options.onError; |
||||
} |
||||
|
||||
// Create a DIV for the SWF under _options.id
|
||||
|
||||
var container = document.createElement('div'); |
||||
container.style.position = 'absolute'; |
||||
_options.cid = Wami.createID(); |
||||
container.setAttribute('id', _options.cid); |
||||
|
||||
var swfdiv = document.createElement('div'); |
||||
var id = Wami.createID(); |
||||
swfdiv.setAttribute('id', id); |
||||
|
||||
container.appendChild(swfdiv); |
||||
document.getElementById(_options.id).appendChild(container); |
||||
|
||||
_options.id = id; |
||||
} |
||||
|
||||
function checkSecurity() { |
||||
var settings = Wami.getSettings(); |
||||
if (settings.microphone.granted) { |
||||
_options.onReady(); |
||||
} else { |
||||
// Show any Flash settings panel you want:
|
||||
// http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/system/SecurityPanel.html
|
||||
Wami.showSecurity("privacy", "Wami.show", Wami |
||||
.nameCallback(_options.onSecurity), Wami |
||||
.nameCallback(_options.onError)); |
||||
} |
||||
} |
||||
|
||||
// Embed the WAMI SWF and call the named callback function when loaded.
|
||||
function embedWamiSWF(id, initfn) { |
||||
var flashVars = { |
||||
visible : false, |
||||
loadedCallback : initfn |
||||
} |
||||
|
||||
var params = { |
||||
allowScriptAccess : "always" |
||||
} |
||||
|
||||
if (supportsTransparency()) { |
||||
params.wmode = "transparent"; |
||||
} |
||||
|
||||
if (typeof console !== 'undefined') { |
||||
flashVars.console = true; |
||||
} |
||||
|
||||
var version = '10.0.0'; |
||||
document.getElementById(id).innerHTML = "WAMI requires Flash " |
||||
+ version |
||||
+ " or greater<br />https://get.adobe.com/flashplayer/"; |
||||
|
||||
// This is the minimum size due to the microphone security panel
|
||||
Wami.swfobject.embedSWF(_options.swfUrl, id, 214, 137, version, null, |
||||
flashVars, params); |
||||
|
||||
// Without this line, Firefox has a dotted outline of the flash
|
||||
Wami.swfobject.createCSS("#" + id, "outline:none"); |
||||
} |
||||
|
||||
// To check if the microphone settings were 'remembered', we
|
||||
// must actually embed an entirely new Wami client and check
|
||||
// whether its microphone is granted. If it is, it was remembered.
|
||||
function checkRemembered(finishedfn) { |
||||
var id = Wami.createID(); |
||||
var div = document.createElement('div'); |
||||
div.style.top = '-999px'; |
||||
div.style.left = '-999px'; |
||||
div.setAttribute('id', id); |
||||
var body = document.getElementsByTagName('body').item(0); |
||||
body.appendChild(div); |
||||
|
||||
var fn = Wami.nameCallback(function() { |
||||
var swf = document.getElementById(id); |
||||
Wami._remembered = swf.getSettings().microphone.granted; |
||||
Wami.swfobject.removeSWF(id); |
||||
eval(finishedfn + "()"); |
||||
}); |
||||
|
||||
embedWamiSWF(id, fn); |
||||
} |
||||
|
||||
// Attach all the audio methods to the Wami namespace in the callback.
|
||||
function delegateWamiAPI() { |
||||
var recorder = document.getElementById(_options.id); |
||||
|
||||
function delegate(name) { |
||||
Wami[name] = function() { |
||||
return recorder[name].apply(recorder, arguments); |
||||
} |
||||
} |
||||
delegate('startPlaying'); |
||||
delegate('stopPlaying'); |
||||
delegate('startRecording'); |
||||
delegate('stopRecording'); |
||||
delegate('startListening'); |
||||
delegate('stopListening'); |
||||
delegate('getRecordingLevel'); |
||||
delegate('getPlayingLevel'); |
||||
delegate('setSettings'); |
||||
|
||||
// Append extra information about whether mic settings are sticky
|
||||
Wami.getSettings = function() { |
||||
var settings = recorder.getSettings(); |
||||
settings.microphone.remembered = Wami._remembered; |
||||
return settings; |
||||
} |
||||
|
||||
Wami.showSecurity = function(panel, startfn, finishedfn, failfn) { |
||||
// Flash must be on top for this.
|
||||
var container = document.getElementById(_options.cid); |
||||
|
||||
var augmentedfn = Wami.nameCallback(function() { |
||||
checkRemembered(finishedfn); |
||||
container.style.cssText = "position: absolute;"; |
||||
}); |
||||
|
||||
container.style.cssText = "position: absolute; z-index: 99999"; |
||||
|
||||
recorder.showSecurity(panel, startfn, augmentedfn, failfn); |
||||
} |
||||
|
||||
Wami.show = function() { |
||||
if (!supportsTransparency()) { |
||||
recorder.style.visibility = "visible"; |
||||
} |
||||
} |
||||
|
||||
Wami.hide = function() { |
||||
// Hiding flash in all the browsers is tricky. Please read:
|
||||
// https://code.google.com/p/wami-recorder/wiki/HidingFlash
|
||||
if (!supportsTransparency()) { |
||||
recorder.style.visibility = "hidden"; |
||||
} |
||||
} |
||||
|
||||
// If we already have permissions, they were previously 'remembered'
|
||||
Wami._remembered = recorder.getSettings().microphone.granted; |
||||
|
||||
if (_options.onLoaded) { |
||||
_options.onLoaded(); |
||||
} |
||||
|
||||
if (!_options.noSecurityCheck) { |
||||
checkSecurity(); |
||||
} |
||||
} |
||||
} |
||||
Loading…
Reference in new issue