253 lines
8.4 KiB
JavaScript
Executable file
253 lines
8.4 KiB
JavaScript
Executable file
/*!
|
|
* Securimage CAPTCHA Audio Library
|
|
* https://www.phpcaptcha.org/
|
|
*
|
|
* Copyright 2015 phpcaptcha.org
|
|
* Released under the BSD-3 license
|
|
* See https://github.com/dapphp/securimage/blob/master/README.md
|
|
*/
|
|
|
|
var SecurimageAudio = function(options) {
|
|
this.html5Support = true;
|
|
this.flashFallback = false;
|
|
this.captchaId = null;
|
|
this.playing = false;
|
|
this.reload = false;
|
|
this.audioElement = null;
|
|
this.controlsElement = null;
|
|
this.playButton = null;
|
|
this.playButtonImage = null;
|
|
this.loadingImage = null;
|
|
|
|
if (options.audioElement) {
|
|
this.audioElement = document.getElementById(options.audioElement);
|
|
}
|
|
if (options.controlsElement) {
|
|
this.controlsElement = document.getElementById(options.controlsElement);
|
|
}
|
|
|
|
this.init();
|
|
}
|
|
|
|
SecurimageAudio.prototype.init = function() {
|
|
var ua = navigator.userAgent.toLowerCase();
|
|
var ieVer = (ua.indexOf('msie') != -1) ? parseInt(ua.split('msie')[1]) : false;
|
|
// ie 11+ detection
|
|
if (!ieVer && null != (ieVer = ua.match(/trident\/.*rv:(\d+\.\d+)/)))
|
|
ieVer = parseInt(ieVer[1]);
|
|
|
|
var objAu = this.audioElement.getElementsByTagName('object');
|
|
if (objAu.length > 0) {
|
|
objAu = objAu[0];
|
|
} else {
|
|
objAu = null;
|
|
}
|
|
|
|
if (ieVer) {
|
|
if (ieVer < 9) {
|
|
// no html5 audio support, hide player controls
|
|
this.controlsElement.style.display = 'none';
|
|
this.html5Support = false;
|
|
return ;
|
|
} else if ('' == this.audioElement.canPlayType('audio/wav')) {
|
|
// check for mpeg <source> tag - if not found then fallback to flash
|
|
var sources = this.audioElement.getElementsByTagName('source');
|
|
var mp3support = false;
|
|
var type;
|
|
|
|
if (objAu) {
|
|
this.flashFallback = true;
|
|
}
|
|
|
|
for (var i = 0; i < sources.length; ++i) {
|
|
type = sources[i].attributes["type"].value;
|
|
if (type.toLowerCase().indexOf('mpeg') >= 0 || type.toLowerCase().indexOf('mp3') >= 0) {
|
|
mp3support = true;
|
|
break;
|
|
}
|
|
}
|
|
|
|
if (false == mp3support) {
|
|
// browser supports <audio> but does not support WAV audio and no flash audio available
|
|
this.html5Support = false;
|
|
|
|
if (this.flashFallback) {
|
|
// ie9+? bug - flash object does not display when moved from within audio tag to other dom node
|
|
var newObjAu = document.createElement('object');
|
|
var newParams = document.createElement('param');
|
|
var oldParams = objAu.getElementsByTagName('param');
|
|
this.copyElementAttributes(newObjAu, objAu);
|
|
if (oldParams.length > 0) {
|
|
this.copyElementAttributes(newParams, oldParams[0]);
|
|
newObjAu.appendChild(newParams);
|
|
}
|
|
objAu.parentNode.removeChild(objAu);
|
|
this.audioElement.parentNode.appendChild(newObjAu);
|
|
}
|
|
|
|
this.audioElement.parentNode.removeChild(this.audioElement);
|
|
this.controlsElement.parentNode.removeChild(this.controlsElement);
|
|
|
|
return ;
|
|
}
|
|
}
|
|
}
|
|
|
|
this.audioElement.addEventListener('playing', this.updateControls.bind(this), false);
|
|
this.audioElement.addEventListener('ended', this.audioStopped.bind(this), false);
|
|
|
|
// find the element used as the play button and register click event to play/stop audio
|
|
var children = this.controlsElement.getElementsByTagName('*');
|
|
for (var i = 0; i < children.length; ++i) {
|
|
var el = children[i];
|
|
if (undefined != el.className) {
|
|
if (el.className.indexOf('play_button') >= 0) {
|
|
this.playButton = el;
|
|
el.addEventListener('click', this.play.bind(this), false);
|
|
} else if (el.className.indexOf('play_image') >= 0) {
|
|
this.playButtonImage = el;
|
|
} else if (el.className.indexOf('loading_image') >= 0) {
|
|
this.loadingImage = el;
|
|
}
|
|
}
|
|
}
|
|
|
|
if (objAu) {
|
|
// remove flash object from DOM
|
|
objAu.parentNode.removeChild(objAu);
|
|
}
|
|
}
|
|
|
|
SecurimageAudio.prototype.play = function(evt) {
|
|
if (null != this.playButton) {
|
|
this.playButton.blur();
|
|
}
|
|
|
|
if (this.reload) {
|
|
this.replaceElements();
|
|
this.reload = false;
|
|
}
|
|
|
|
try {
|
|
if (!this.playing) {
|
|
if (this.playButtonImage != null) {
|
|
this.playButtonImage.style.display = 'none';
|
|
}
|
|
if (this.loadingImage != null) {
|
|
this.loadingImage.style.display = '';
|
|
}
|
|
//TODO: FIX, most likely browser doesn't support audio type
|
|
this.audioElement.onerror = this.audioError;
|
|
try {
|
|
this.audioElement.play();
|
|
} catch(ex) {
|
|
alert('Audio error: ' + ex);
|
|
}
|
|
} else {
|
|
this.audioElement.pause();
|
|
if (this.loadingImage != null) {
|
|
this.loadingImage.style.display = 'none';
|
|
}
|
|
if (this.playButtonImage != null) {
|
|
this.playButtonImage.style.display = '';
|
|
}
|
|
this.playing = false;
|
|
}
|
|
} catch (ex) {
|
|
alert('Audio error: ' + ex);
|
|
}
|
|
|
|
if (undefined !== evt) {
|
|
evt.preventDefault();
|
|
}
|
|
return false;
|
|
}
|
|
|
|
SecurimageAudio.prototype.refresh = function(captchaId) {
|
|
if (!this.html5Support) {
|
|
return;
|
|
}
|
|
|
|
if (undefined !== captchaId) {
|
|
this.captchaId = captchaId;
|
|
}
|
|
|
|
this.playing = true;
|
|
this.reload = false;
|
|
this.play(); // stops audio if playing
|
|
this.reload = true;
|
|
|
|
return false;
|
|
}
|
|
|
|
SecurimageAudio.prototype.copyElementAttributes = function(newEl, el) {
|
|
for (var i = 0, atts = el.attributes, n = atts.length; i < n; ++i) {
|
|
newEl.setAttribute(atts[i].nodeName, atts[i].value);
|
|
}
|
|
|
|
return newEl;
|
|
}
|
|
|
|
SecurimageAudio.prototype.replaceElements = function() {
|
|
var parent = this.audioElement.parentNode;
|
|
parent.removeChild(this.audioElement);
|
|
|
|
var newAudioEl = document.createElement('audio');
|
|
newAudioEl.setAttribute('style', 'display: none;');
|
|
newAudioEl.setAttribute('preload', 'false');
|
|
newAudioEl.setAttribute('id', this.audioElement.id);
|
|
|
|
for (var c = 0; c < this.audioElement.children.length; ++c) {
|
|
if (this.audioElement.children[c].tagName.toLowerCase() != 'source') continue;
|
|
var sourceEl = document.createElement('source');
|
|
this.copyElementAttributes(sourceEl, this.audioElement.children[c]);
|
|
var cid = (null !== this.captchaId) ? this.captchaId : (Math.random() + '').replace('0.', '');
|
|
sourceEl.src = sourceEl.src.replace(/([?|&])id=[a-zA-Z0-9]+/, '$1id=' + cid);
|
|
newAudioEl.appendChild(sourceEl);
|
|
}
|
|
|
|
this.audioElement = null;
|
|
this.audioElement = newAudioEl;
|
|
parent.appendChild(this.audioElement);
|
|
|
|
this.audioElement.addEventListener('playing', this.updateControls.bind(this), false);
|
|
this.audioElement.addEventListener('ended', this.audioStopped.bind(this), false);
|
|
}
|
|
|
|
SecurimageAudio.prototype.updateControls = function() {
|
|
this.playing = true;
|
|
if (this.loadingImage != null) {
|
|
this.loadingImage.style.display = 'none';
|
|
}
|
|
if (this.playButtonImage != null) {
|
|
this.playButtonImage.style.display = '';
|
|
}
|
|
}
|
|
|
|
SecurimageAudio.prototype.audioStopped = function() {
|
|
this.playing = false;
|
|
}
|
|
|
|
SecurimageAudio.prototype.audioError = function(err) {
|
|
var msg = null;
|
|
switch(err.target.error.code) {
|
|
case err.target.error.MEDIA_ERR_ABORTED:
|
|
break;
|
|
case err.target.error.MEDIA_ERR_NETWORK:
|
|
msg = 'A network error caused the audio download to fail.';
|
|
break;
|
|
case err.target.error.MEDIA_ERR_DECODE:
|
|
alert('An error occurred while decoding the audio');
|
|
break;
|
|
case err.target.error.MEDIA_ERR_SRC_NOT_SUPPORTED:
|
|
alert('The audio format is not supported by your browser.');
|
|
break;
|
|
default:
|
|
alert('An unknown error occurred trying to play the audio.');
|
|
break;
|
|
}
|
|
if (msg) {
|
|
alert('Audio playback error: ' + msg);
|
|
}
|
|
}
|