160 lines
4.2 KiB
JavaScript
160 lines
4.2 KiB
JavaScript
|
webshim.register('mediacapture', function($, webshim, window, document, undefined, featureOptions){
|
||
|
"use strict";
|
||
|
var hasCamera = -1;
|
||
|
var checkCameras = $.noop;
|
||
|
var sel = 'input[type="file"].ws-filereader, input[type="file"].ws-capture';
|
||
|
var cameraListPromise = $.Deferred();
|
||
|
|
||
|
//
|
||
|
|
||
|
(function(){
|
||
|
var tmp;
|
||
|
|
||
|
var hasNativeUserMedia = !!(navigator.getUserMedia && !navigator.wsGetUserMedia);
|
||
|
var hasFlash = swfmini.hasFlashPlayerVersion('11.3');
|
||
|
var writeToStorage = function(){
|
||
|
try{
|
||
|
sessionStorage.setItem('wsCameras', JSON.stringify(hasCamera));
|
||
|
} catch (e){}
|
||
|
};
|
||
|
var reject = function(){
|
||
|
hasCamera = 0;
|
||
|
writeToStorage();
|
||
|
cameraListPromise.reject(hasCamera);
|
||
|
};
|
||
|
var resolve = function(){
|
||
|
writeToStorage();
|
||
|
cameraListPromise.resolve(hasCamera);
|
||
|
};
|
||
|
try {
|
||
|
tmp = JSON.parse(sessionStorage.getItem('wsCameras'));
|
||
|
if(tmp == null){
|
||
|
hasCamera = -1;
|
||
|
}
|
||
|
} catch(e){}
|
||
|
|
||
|
if(hasCamera === 0 || (hasCamera == -1 && !hasNativeUserMedia && !hasFlash)){
|
||
|
reject();
|
||
|
} else if(hasFlash){
|
||
|
checkCameras = function(){
|
||
|
var mediaOptions = webshim.cfg.mediaelement;
|
||
|
var playerSwfPath = mediaOptions.playerPath || (webshim.cfg.basePath + "swf/" + (mediaOptions.playerName || 'JarisFLVPlayer.swf'));
|
||
|
var id = 'wscameralistdetection';
|
||
|
var vars = {
|
||
|
controltype: '1',
|
||
|
jsapi: '1',
|
||
|
source: '',
|
||
|
id: id,
|
||
|
evtId: id
|
||
|
};
|
||
|
var attrs = {
|
||
|
id: id,
|
||
|
name: id
|
||
|
};
|
||
|
var params = {
|
||
|
allowscriptaccess: 'always',
|
||
|
allowNetworking: 'all'
|
||
|
};
|
||
|
var $dom = $('<div><div id="'+ id +'"></div></div>')
|
||
|
.css({position: 'absolute', left: -999, width: 5, height: 5, overflow: 'hidden'})
|
||
|
.appendTo('body')
|
||
|
;
|
||
|
|
||
|
webshim.mediaelement.jarisEvent = webshim.mediaelement.jarisEvent || {};
|
||
|
webshim.mediaelement.jarisEvent[id] = function(jaris){
|
||
|
hasCamera = jaris.cameras;
|
||
|
$dom.remove();
|
||
|
if(hasCamera){
|
||
|
resolve();
|
||
|
} else {
|
||
|
reject();
|
||
|
}
|
||
|
};
|
||
|
|
||
|
|
||
|
checkCameras = $.noop;
|
||
|
swfmini.embedSWF(playerSwfPath, id, "100%", "100%", "11.3", false, vars, params, attrs);
|
||
|
};
|
||
|
|
||
|
} else {
|
||
|
hasCamera = -1;
|
||
|
resolve();
|
||
|
}
|
||
|
})();
|
||
|
var loadPicker = function(){
|
||
|
webshim.ready('WINDOWLOAD', function(){
|
||
|
webshim.loader.loadList(['mediacapture-picker']);
|
||
|
});
|
||
|
loadPicker = $.noop;
|
||
|
};
|
||
|
|
||
|
|
||
|
var _createPhotoPicker = function(){
|
||
|
if($(this).is('[capture].ws-filereader, .ws-capture') && webshim.implement(this, 'capture')){
|
||
|
var $wrapper, $customFile;
|
||
|
var $fileinput = $(this);
|
||
|
var $button = $('<button type="button" class="ws-capture-button">photo</button>');
|
||
|
var popover = webshim.objectCreate(webshim.wsPopover, {}, $.extend({prepareFor: $button}));
|
||
|
popover.element.addClass('capture-popover input-picker');
|
||
|
|
||
|
if($fileinput.is('.ws-custom-file > *')){
|
||
|
$customFile = $fileinput.closest('.ws-custom-file');
|
||
|
$wrapper = $('<div class="ws-capture-file" />').insertAfter($customFile);
|
||
|
$wrapper.append($button).append($customFile);
|
||
|
} else {
|
||
|
$fileinput.before($button);
|
||
|
}
|
||
|
popover.element.insertAfter($button);
|
||
|
|
||
|
$button.on('click', function(){
|
||
|
webshim.mediacapture.showContent($fileinput, $button, popover);
|
||
|
popover.show();
|
||
|
});
|
||
|
loadPicker();
|
||
|
}
|
||
|
};
|
||
|
var createPhotoPicker = function (){
|
||
|
var elem = this;
|
||
|
checkCameras();
|
||
|
|
||
|
cameraListPromise.done(function(){
|
||
|
_createPhotoPicker.call(elem);
|
||
|
});
|
||
|
};
|
||
|
|
||
|
webshim.mediacapture = {
|
||
|
showContent: function($fileinput, $button, popover){
|
||
|
webshim.loader.loadList(['mediacapture-picker']);
|
||
|
webshim.ready('mediacapture-picker', function(){
|
||
|
webshim.mediacapture.showContent($fileinput, $button, popover);
|
||
|
});
|
||
|
}
|
||
|
};
|
||
|
webshim.defineNodeNamesBooleanProperty('input', 'capture');
|
||
|
|
||
|
if(hasCamera){
|
||
|
|
||
|
cameraListPromise.done(function(){
|
||
|
createPhotoPicker = _createPhotoPicker;
|
||
|
webshim.loader.addModule('mediacapture-picker', {
|
||
|
noAutoCallback: true,
|
||
|
css: 'styles/forms-picker.css',
|
||
|
options: featureOptions
|
||
|
});
|
||
|
|
||
|
});
|
||
|
|
||
|
webshim.addReady(function(context, insertedElement){
|
||
|
$(sel, context).add(insertedElement.filter(sel))
|
||
|
.filter('[accept*="image"], :not([accept]), [accept=""]')
|
||
|
.each(createPhotoPicker)
|
||
|
;
|
||
|
});
|
||
|
|
||
|
webshim.ready('WINDOWLOAD', checkCameras);
|
||
|
}
|
||
|
if(document.readyState == 'complete'){
|
||
|
webshim.isReady('WINDOWLOAD', true);
|
||
|
}
|
||
|
});
|