%PDF-
%PDF-
Mini Shell
Mini Shell
;(function(){
if(window.BX.VideoRecorder)
return;
/**
* Object to record video messages.
* order inside:
* start()
* show permission popup
* askDevicePermission(), showLayout() render popup on full screen
* askDevicePermission() set stream to <video>
* <video> after first playing invoke beforeRecord()
* beforeRecord() attach analyzer and launches startTimer
* startRecord() launches record until stop button used.
* */
BX.VideoRecorder = {
popupPermissionsShown: false,
popupConfirm: null,
constraints: {audio: {}, video: {width: 1280, height: 720, facingMode: "user"}},
analyserNode: null,
activeFormID: null,
chunks: [],
bindedForms: [],
recorderInterval: 5000,
transformLimit: 0,
transformTime: 70,
transformTimerShown: false,
errorCode: null,
getScreenWidth: function()
{
if(!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement)
{
return document.body.clientWidth;
}
else
{
return window.screen.width;
}
},
getScreenHeight: function()
{
return document.documentElement.clientHeight;
},
isPermissionsAsked: function()
{
return BX.VideoRecorder.popupPermissionsShown;
},
isAvailable: function(report)
{
report = report === true;
var error = BX.VideoRecorder.error = null;
if(!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia || typeof MediaRecorder === 'undefined')
{
error = 'Not available or old browser';
BX.VideoRecorder.errorCode = 'BLOG_VIDEO_RECORD_REQUIREMENTS';
}
else if (BX.browser.IsChrome() && location.protocol !== 'https:')
{
error = 'In chrome works on https only';
BX.VideoRecorder.errorCode = 'BLOG_VIDEO_RECORD_ERROR_CHROME_HTTPS';
}
else if (BX.browser.IsIE())
{
error = 'Not available in IE';
BX.VideoRecorder.errorCode = 'BLOG_VIDEO_RECORD_REQUIREMENTS';
}
if(error)
{
if(report)
{
console.log(error);
}
return false;
}
return true;
},
bindEvents: function(handler)
{
if(!BX.VideoRecorder.isAvailable())
{
return;
}
if(BX.VideoRecorder.bindedForms.indexOf(handler.params.formID) !== -1)
{
return;
}
BX.VideoRecorder.bindedForms.push(handler.params.formID);
BX.addCustomEvent(handler.eventNode, 'onFileIsAdded', function(file, controller, obj, blob) {
setTimeout(function() {
if (blob["hasTobeInserted"] === true)
controller.insertFile(file.id);
}, 1000);
});
BX.addCustomEvent(window, 'onAddVideoMessage', function(file, formID)
{
if(!formID)
{
return;
}
for(var i in handler.controllers)
{
if (handler.controllers.hasOwnProperty(i) &&
handler.controllers[i]["storage"] === "disk" &&
formID === handler.params.formID)
{
handler.controllers[i].handler.agent.onChange([file]);
break;
}
}
});
},
showLayout: function()
{
BX.VideoRecorder.lockScroll();
BX.VideoRecorder.recordCount = 0;
BX.VideoRecorder.startCount = 5;
BX.VideoRecorder.state = 'idle';
BX.VideoRecorder.transformTimeLeft = BX.VideoRecorder.transformTime;
BX.VideoRecorder.transformTimerShown = false;
clearInterval(BX.VideoRecorder.recordInterval);
BX.VideoRecorder.layout = BX.create('div', {props: {className: 'bx-videomessage-video-wrapper'}, children: [
BX.create('div', {props: {className: 'bx-videomessage-video-close'}, events: {
click: function()
{
BX.VideoRecorder.hideLayout();
}
}}),
BX.VideoRecorder.videoOverlay = BX.create('div', {props: {className: 'bx-videomessage-video-overlay'}, style: {height: BX.VideoRecorder.getScreenHeight() + 'px'}, children: [
BX.VideoRecorder.startTimer = BX.create('div', {props: {className: 'bx-videomessage-video-starttimer'}, text: '5'})
]}),
BX.VideoRecorder.videoContainer = BX.create('div', {props: {className: 'bx-videomessage-video-container'}, style: {height: BX.VideoRecorder.getScreenHeight() + 'px'}, children: [
BX.VideoRecorder.videoWrap = BX.create('div', {props: {className: 'bx-videomessage-video-wrap'}, style: {height: BX.VideoRecorder.getScreenHeight() + 'px'}, children: [
BX.VideoRecorder.waterMark = BX.create('div', {
props: {className: 'bx-videomessage-watermark'},
style: {display: 'none'},
html: BX.message('BLOG_VIDEO_RECORD_LOGO')
}),
BX.VideoRecorder.transformTimeContainer = BX.create('div', {props: {className: 'bx-videomessage-transform-time-container'}, children: [
BX.create('span', {props: {className: 'bx-videomessage-transform-time-close'}, html: '', events: {click: BX.VideoRecorder.hideTransformTimer}}),
BX.create('span', {props: {className: 'bx-videomessage-transform-time-text'}, html: BX.message('BLOG_VIDEO_RECORD_TRANFORM_LIMIT_TEXT')})
]}),
BX.VideoRecorder.outputVideo = BX.create('video', {props: {className: 'bx-videomessage-video', width: BX.VideoRecorder.getScreenWidth(), loop: false}, events: {
'playing': function()
{
if(BX.VideoRecorder.state === 'idle')
{
BX.VideoRecorder.resize();
BX.VideoRecorder.beforeRecord();
}
},
'ended': function()
{
BX.VideoRecorder.state = 'idle';
BX.VideoRecorder.buttonStop.style.display = 'none';
BX.VideoRecorder.buttonPlay.style.display = 'block';
}
}}),
BX.VideoRecorder.buttonPlay = BX.create('span', {props: {className: 'bx-videomessage-playbutton'}, events: {
'click': function()
{
if(BX.VideoRecorder.state === 'idle')
{
BX.VideoRecorder.outputVideo.play();
BX.VideoRecorder.outputVideo.volume = 1;
BX.VideoRecorder.state = 'playing';
BX.VideoRecorder.buttonStop.style.display = 'inline-block';
BX.VideoRecorder.buttonPlay.style.display = 'none';
}
}
}}),
BX.VideoRecorder.panel = BX.create('div', {props: {className: 'bx-videomessage-panel'}, style: {display: 'none'}, children: [
BX.VideoRecorder.recordTimer = BX.create('span', {props: {className: 'bx-videomessage-video-timer'}, text: '00:00'}),
BX.VideoRecorder.buttonStop = BX.create('span', {props: {className: 'webform-button webform-button-blue webform-button-rounded'}, text: BX.message('BLOG_VIDEO_RECORD_STOP_BUTTON'), events: {
'click': function(e)
{
if(BX.VideoRecorder.state === 'recording')
{
BX.VideoRecorder.state = 'idle';
BX.VideoRecorder.recorder.stop();
BX.hide(BX.VideoRecorder.recordMark);
BX.hide(BX.VideoRecorder.analyzerElement);
clearInterval(BX.VideoRecorder.recordInterval);
BX.VideoRecorder.buttonPlay.style.display = 'block';
BX.VideoRecorder.buttonStop.style.display = 'none';
return false;
}
else if(BX.VideoRecorder.state === 'playing')
{
BX.VideoRecorder.outputVideo.pause();
BX.VideoRecorder.state = 'idle';
BX.VideoRecorder.buttonStop.style.display = 'none';
BX.VideoRecorder.buttonPlay.style.display = 'block';
}
}
}}),
BX.VideoRecorder.buttonSave = BX.create('span', {props: {className: 'webform-button webform-button-accept webform-button-rounded webform-button-text-white'}, style:{display: 'none'}, text: BX.message('BLOG_VIDEO_RECORD_USE_BUTTON'), events: {
'click': function()
{
if(BX.VideoRecorder.activeFormID)
{
BX.fireEvent(BX('bx-b-uploadfile-' + BX.VideoRecorder.activeFormID), 'click');
var file = new File(BX.VideoRecorder.chunks, 'videomessage-' + BX.date.format(BX.date.convertBitrixFormat(BX.message("FORMAT_DATETIME"))) + '.webm');
file.hasTobeInserted = true;
BX.onCustomEvent(window, 'onAddVideoMessage', [file, BX.VideoRecorder.activeFormID]);
BX.VideoRecorder.hideLayout();
}
}
}}),
BX.VideoRecorder.buttonCancel = BX.create('span', {props: {className: 'webform-button-link bx-videomessage-video-button-cancel'}, text: BX.message('BLOG_VIDEO_RECORD_CANCEL_BUTTON'), events: {
'click': function()
{
BX.VideoRecorder.hideLayout();
}
}}),
BX.VideoRecorder.buttonRestart = BX.create('span', {props: {className: 'webform-button webform-button-blue webform-button-rounded'}, style:{display: 'none'}, text: BX.message('BLOG_VIDEO_RECORD_RESTART_BUTTON'), events: {
'click': function()
{
BX.VideoRecorder.restartRecord();
}
}}),
BX.VideoRecorder.recordMark = BX.create('div',
{
props: {className: 'bx-videomessage-record'},
style: {display: 'none'},
html: '<span class="bx-videomessage-record-inner">' + BX.message('BLOG_VIDEO_RECORD_IN_PROGRESS_LABEL') + '</span>'
}),
BX.VideoRecorder.analyzerElement = BX.create('canvas', {props: {className: 'bx-videomessage-analyzer'}})
]})
]})
]})
]});
BX.VideoRecorder.popupRecord = new BX.PopupWindow('bx-popup-videomessage-record', null, {
zIndex: 300,
autoHide: false,
closeByEsc: false,
overlay : true,
events : { onPopupClose : function() { this.destroy() }, onPopupDestroy : function() { BX.VideoRecorder.popupRecord = null }},
content : BX.VideoRecorder.layout,
height: BX.VideoRecorder.getScreenHeight(),
width: BX.VideoRecorder.getScreenWidth(),
noAllPaddings: true
});
BX.VideoRecorder.popupRecord.show();
BX.VideoRecorder.popupRecord.enterFullScreen();
BX.VideoRecorder.outputVideo.volume = 0;
BX.VideoRecorder.canvasContext = BX.VideoRecorder.analyzerElement.getContext('2d');
BX.VideoRecorder.canvasContext.imageSmoothingEnabled = false;
BX.VideoRecorder.canvasContext.webkitImageSmoothingEnabled = false;
},
beforeRecord: function()
{
window.addEventListener('resize', BX.VideoRecorder.resize);
BX.VideoRecorder.startCount = 5;
BX.addClass(BX.VideoRecorder.startTimer, 'started');
BX.VideoRecorder.attachAnalyzer();
BX.VideoRecorder.renderAnalyzer();
BX.show(BX.VideoRecorder.analyzerElement, 'inline-block');
var nextSecond = function()
{
clearTimeout(BX.VideoRecorder.startTimeout);
BX.VideoRecorder.startTimer.innerText = BX.VideoRecorder.startCount;
BX.VideoRecorder.startTimeout = setTimeout(function()
{
BX.VideoRecorder.startCount = BX.VideoRecorder.startCount - 1;
if(BX.VideoRecorder.startCount === 0)
{
BX.removeClass(BX.VideoRecorder.startTimer, 'started');
BX.VideoRecorder.startRecord();
}
else
{
nextSecond();
}
}, 1000);
};
nextSecond();
},
startRecord: function()
{
BX.VideoRecorder.chunks = [];
BX.VideoRecorder.videoOverlay.style.display = 'none';
var recordOptions = {mimeType: 'video/webm;codecs=vp8'};
if(!MediaRecorder.isTypeSupported(recordOptions.mimeType))
{
recordOptions = {mimeType: 'video/webm;codecs=vp9'};
if(!MediaRecorder.isTypeSupported(recordOptions.mimeType))
{
recordOptions = {mimeType: 'video/webm'};
}
}
try {
BX.VideoRecorder.recorder = new MediaRecorder(BX.VideoRecorder.stream, recordOptions);
}
catch(e)
{
BX.VideoRecorder.showMessage(
BX.message('BLOG_VIDEO_RECORD_REQUIREMENTS'),
[],
BX.message('BLOG_VIDEO_RECORD_REQUIREMENTS_TITLE')
);
BX.VideoRecorder.hideLayout();
return;
}
BX.VideoRecorder.recorder.start(BX.VideoRecorder.recorderInterval);
BX.VideoRecorder.recordSize = 0;
BX.VideoRecorder.recordLength = 0;
BX.VideoRecorder.recorder.ondataavailable = function(e)
{
BX.VideoRecorder.recordSize += e.data.size;
BX.VideoRecorder.recordLength += BX.VideoRecorder.recorderInterval / 1000;
BX.VideoRecorder.chunks.push(e.data);
if(BX.VideoRecorder.isTimeToShowTransformationAlert())
{
BX.VideoRecorder.startTransformationCounter();
}
};
BX.VideoRecorder.recorder.onstop = function()
{
BX.VideoRecorder.hideTransformTimer();
BX.VideoRecorder.recordBlob = new Blob(BX.VideoRecorder.chunks, {'type': 'video/webm'});
BX.VideoRecorder.outputVideo.src = URL.createObjectURL(BX.VideoRecorder.recordBlob);
BX.VideoRecorder.state = 'idle';
BX.VideoRecorder.buttonPlay.style.display = 'block';
BX.VideoRecorder.buttonSave.style.display = 'inline-block';
BX.VideoRecorder.buttonCancel.style.display = 'inline-block';
BX.VideoRecorder.buttonRestart.style.display = 'inline-block';
};
BX.VideoRecorder.setVideoSrc(BX.VideoRecorder.stream);
BX.VideoRecorder.outputVideo.volume = 0;
BX.VideoRecorder.outputVideo.play();
BX.VideoRecorder.state = 'recording';
BX.show(BX.VideoRecorder.recordMark, 'inline-block');
BX.VideoRecorder.recordInterval = setInterval(function()
{
BX.VideoRecorder.recordCount++;
BX.VideoRecorder.recordTimer.innerText = BX.VideoRecorder.getTimeString(BX.VideoRecorder.recordCount);
}, 1000);
},
attachAnalyzer: function()
{
BX.VideoRecorder.audioContext = new (window.AudioContext || window.webkitAudioContext);
BX.VideoRecorder.analyserNode = BX.VideoRecorder.audioContext.createAnalyser();
BX.VideoRecorder.analyserNode.fftSize = 128;
BX.VideoRecorder.analyserNode.minDecibels = -80;
BX.VideoRecorder.analyserNode.maxDecibels = -10;
BX.VideoRecorder.mediaStreamNode = BX.VideoRecorder.audioContext.createMediaStreamSource(BX.VideoRecorder.stream);
BX.VideoRecorder.mediaStreamNode.connect(BX.VideoRecorder.analyserNode);
BX.VideoRecorder.frequencyData = new Uint8Array(BX.VideoRecorder.analyserNode.frequencyBinCount);
BX.VideoRecorder.lastFrameDate = (new Date()).getTime();
},
renderAnalyzer: function()
{
if(!BX.VideoRecorder.analyzerElement)
{
return;
}
window.requestAnimationFrame(BX.VideoRecorder.renderAnalyzer.bind(BX.VideoRecorder));
var now = (new Date()).getTime();
if(now - BX.VideoRecorder.lastFrameDate < 50)
{
return;
}
BX.VideoRecorder.lastFrameDate = now;
BX.VideoRecorder.analyserNode.getByteFrequencyData(BX.VideoRecorder.frequencyData);
var width = BX.VideoRecorder.analyzerElement.width;
var height = BX.VideoRecorder.analyzerElement.height;
var frequencyPoints = BX.VideoRecorder.analyserNode.frequencyBinCount;
BX.VideoRecorder.canvasContext.clearRect(0, 0, width, height);
BX.VideoRecorder.canvasContext.beginPath();
var barWidth = 2;
var barHeight;
var x = 0;
var middlePoint = Math.ceil(width / 2);
BX.VideoRecorder.canvasContext.fillStyle = '#afb2b7';
for(var i = 0; i < frequencyPoints; i++)
{
barHeight = Math.round(BX.VideoRecorder.frequencyData[i] * height / 256);
//barHeight = Math.round(this.frequencyData[i] + 80);
if(barHeight < 3)
barHeight = 3;
x = middlePoint + (barWidth + 2) * i;
BX.VideoRecorder.canvasContext.fillRect(x, (height - barHeight) / 2 , barWidth, barHeight);
x = middlePoint - (barWidth + 2) * i;
BX.VideoRecorder.canvasContext.fillRect(x, (height - barHeight) / 2 , barWidth, barHeight);
}
BX.VideoRecorder.canvasContext.closePath();
},
getTimeString: function(seconds)
{
var time = '';
var minutes = Math.floor(seconds / 60);
if(minutes < 10)
{
time = '0';
}
time = time + minutes + ':';
seconds = (seconds - (minutes*60));
if(seconds < 10)
{
time = time + '0';
}
time = time + seconds;
return time;
},
start: function(formId)
{
BX.VideoRecorder.transformLimit = BX.message('DISK_VIDEO_TRANSFORMATION_LIMIT') || 0;
BX.VideoRecorder.activeFormID = formId;
if(!BX.VideoRecorder.isAvailable(true))
{
var errorCode = 'BLOG_VIDEO_RECORD_REQUIREMENTS';
if(BX.VideoRecorder.errorCode)
{
errorCode = BX.VideoRecorder.errorCode;
}
BX.VideoRecorder.showMessage(
BX.message(errorCode),
[],
BX.message('BLOG_VIDEO_RECORD_REQUIREMENTS_TITLE')
);
}
else if(BX.VideoRecorder.isPermissionsAsked())
{
BX.VideoRecorder.askDevicePermission();
BX.VideoRecorder.showLayout();
}
else
{
BX.VideoRecorder.showMessage(BX.message('BLOG_VIDEO_RECORD_ASK_PERMISSIONS'), [
new BX.PopupWindowButton({
text : BX.message('BLOG_VIDEO_RECORD_AGREE'),
className : "popup-window-button-blue",
events : { click : function()
{
BX.VideoRecorder.popupPermissionsShown = true;
BX.VideoRecorder.askDevicePermission();
BX.VideoRecorder.showLayout();
}}
}),
new BX.PopupWindowButtonLink({
text : BX.message('BLOG_VIDEO_RECORD_CLOSE'),
className : "popup-window-button-decline",
events : { click : function() { this.popupWindow.close(); } }
})
], BX.message('BLOG_VIDEO_RECORD_PERMISSIONS_TITLE'));
}
},
askDevicePermission: function()
{
navigator.mediaDevices.getUserMedia(BX.VideoRecorder.constraints).then(function(stream)
{
BX.VideoRecorder.stream = stream;
if(BX.VideoRecorder.popupConfirm)
{
BX.VideoRecorder.popupConfirm.destroy();
}
if(!BX.VideoRecorder.popupRecord)
{
BX.VideoRecorder.hideLayout();
return;
}
BX.VideoRecorder.setVideoSrc(BX.VideoRecorder.stream);
BX.VideoRecorder.outputVideo.play();
}).catch(function(error)
{
BX.VideoRecorder.hideLayout();
BX.VideoRecorder.showMessage(BX.message('BLOG_VIDEO_RECORD_PERMISSIONS_ERROR'), [], BX.message('BLOG_VIDEO_RECORD_PERMISSIONS_ERROR_TITLE'));
BX.VideoRecorder.popupPermissionsShown = false;
console.log(error);
});
},
showMessage: function(content, buttons, title)
{
var autohide = false;
var title = title || '';
if (typeof(buttons) == "undefined" || typeof(buttons) == "object" && buttons.length <= 0)
{
buttons = [new BX.PopupWindowButton({
text : BX.message('BLOG_VIDEO_RECORD_CLOSE'),
className : "popup-window-button-blue",
events : { click : function(e) { this.popupWindow.close(); BX.PreventDefault(e) } }
})];
autohide = true;
}
if(this.popupConfirm != null)
{
this.popupConfirm.destroy();
}
this.popupConfirm = new BX.PopupWindow('bx-popup-videomessage-popup', null, {
zIndex: 200,
autoHide: autohide,
closeByEsc: autohide,
buttons: buttons,
overlay : true,
events : { onPopupClose : function() { this.destroy() }, onPopupDestroy : BX.delegate(function() { this.popupConfirm = null }, this)},
content : content,
titleBar: title,
contentColor: 'white',
className : 'bx-popup-videomessage-popup'
});
this.popupConfirm.show();
},
hideLayout: function()
{
if(BX.VideoRecorder.recorder && BX.VideoRecorder.recorder.state === 'recording')
{
BX.VideoRecorder.recorder.stop();
}
if(BX.VideoRecorder.outputVideo)
{
BX.VideoRecorder.outputVideo.pause();
}
if (document.cancelFullScreen)
{
document.cancelFullScreen();
}
else if (document.mozCancelFullScreen)
{
document.mozCancelFullScreen();
}
else if (document.webkitCancelFullScreen)
{
document.webkitCancelFullScreen();
}
if(BX.VideoRecorder.popupRecord)
{
BX.VideoRecorder.popupRecord.destroy();
}
if(BX.VideoRecorder.layout)
{
BX.VideoRecorder.layout.remove();
BX.VideoRecorder.layout = null;
BX.VideoRecorder.analyzerElement = null;
}
if(BX.VideoRecorder.stream)
{
BX.VideoRecorder.stream.getVideoTracks().forEach(function(track) {
track.stop();
});
BX.VideoRecorder.stream.getAudioTracks().forEach(function(track) {
track.stop();
});
}
BX.VideoRecorder.startCount = 0;
clearInterval(BX.VideoRecorder.recordInterval);
BX.VideoRecorder.panel.style.display = 'none';
BX.VideoRecorder.waterMark.style.display = 'none';
BX.VideoRecorder.buttonPlay.style.display = 'none';
window.removeEventListener('resize', BX.VideoRecorder.resize);
BX.VideoRecorder.unlockScroll();
BX.VideoRecorder.hideTransformTimer();
},
resize: function()
{
if(!BX.VideoRecorder.popupRecord)
{
return;
}
var height = BX.VideoRecorder.getScreenHeight();
var width = BX.VideoRecorder.getScreenWidth();
var resultRelativeSize = width / height;
var videoRelativeSize = BX.VideoRecorder.outputVideo.videoWidth / BX.VideoRecorder.outputVideo.videoHeight;
if(resultRelativeSize > videoRelativeSize)
{
BX.VideoRecorder.outputVideo.width = width;
BX.VideoRecorder.outputVideo.height = height * resultRelativeSize / videoRelativeSize;
BX.VideoRecorder.outputVideo.style.marginTop = (height - height * resultRelativeSize / videoRelativeSize) / 2 + 'px';
BX.VideoRecorder.outputVideo.style.marginLeft = 0;
}
else
{
BX.VideoRecorder.outputVideo.height = height;
BX.VideoRecorder.outputVideo.width = width * videoRelativeSize / resultRelativeSize;
BX.VideoRecorder.outputVideo.style.marginTop = 0;
BX.VideoRecorder.outputVideo.style.marginLeft = (width - width * videoRelativeSize / resultRelativeSize) / 2 + 'px';
}
BX.VideoRecorder.videoOverlay.style.height = height + 'px';
BX.VideoRecorder.videoContainer.style.height = height + 'px';
BX.VideoRecorder.popupRecord.setHeight(height);
BX.VideoRecorder.videoWrap.style.height = height + 'px';
BX.VideoRecorder.videoWrap.style.width = BX.VideoRecorder.outputVideo.clientWidth + 'px';
BX.VideoRecorder.panel.style.width = width + 'px';
BX('popup-window-content-bx-popup-videomessage-record').style.width = width + 'px';
BX.VideoRecorder.panel.style.display = 'block';
BX.VideoRecorder.waterMark.style.display = 'block';
},
lockScroll: function()
{
BX.addClass(document.body, 'bx-videomessage-lock-scroll');
},
unlockScroll: function()
{
BX.removeClass(document.body, 'bx-videomessage-lock-scroll');
},
setVideoSrc: function(object)
{
if (BX.VideoRecorder.outputVideo.srcObject)
{
BX.VideoRecorder.outputVideo.srcObject = object;
}
else
{
BX.VideoRecorder.outputVideo.src = URL.createObjectURL(object);
}
},
isTimeToShowTransformationAlert: function()
{
if(BX.VideoRecorder.transformLimit > 0 && !BX.VideoRecorder.transformTimerShown)
{
var derivative = BX.VideoRecorder.recordSize / BX.VideoRecorder.recordLength;
BX.VideoRecorder.transformTimeLeft = Math.floor((BX.VideoRecorder.transformLimit - BX.VideoRecorder.recordSize) / derivative);
if(BX.VideoRecorder.transformTimeLeft <= BX.VideoRecorder.transformTime)
{
if(BX.VideoRecorder.transformTimeLeft > 10)
{
BX.VideoRecorder.transformTimeLeft -= 10;
}
return true;
}
}
return false;
},
startTransformationCounter: function()
{
if(!BX.VideoRecorder.transformTimerShown)
{
BX.VideoRecorder.transformTimerShown = true;
BX.VideoRecorder.showTransformTimer();
BX.VideoRecorder.transformTimer = setTimeout(function()
{
BX.VideoRecorder.hideTransformTimer();
}, BX.VideoRecorder.transformTimeLeft * 1000);
}
},
showTransformTimer: function()
{
BX.VideoRecorder.transformTimeContainer.classList.add('js-videomessage-transform-time-active');
},
hideTransformTimer: function()
{
BX.VideoRecorder.transformTimeContainer.classList.remove('js-videomessage-transform-time-active');
},
restartRecord: function()
{
BX.VideoRecorder.recordCount = 0;
BX.VideoRecorder.recordTimer.innerText = BX.VideoRecorder.getTimeString(BX.VideoRecorder.recordCount);
BX.VideoRecorder.startCount = 5;
BX.VideoRecorder.state = 'idle';
BX.VideoRecorder.transformTimeLeft = BX.VideoRecorder.transformTime;
BX.VideoRecorder.transformTimerShown = false;
BX.VideoRecorder.hideTransformTimer();
BX.VideoRecorder.buttonStop.style.display = 'inline-block';
BX.VideoRecorder.buttonPlay.style.display = 'none';
BX.VideoRecorder.buttonSave.style.display = 'none';
BX.VideoRecorder.buttonCancel.style.display = 'none';
BX.VideoRecorder.buttonRestart.style.display = 'none';
BX.VideoRecorder.videoOverlay.style.display = 'block';
if(BX.VideoRecorder.stream)
{
BX.VideoRecorder.setVideoSrc(BX.VideoRecorder.stream);
BX.VideoRecorder.outputVideo.play();
}
else
{
BX.VideoRecorder.askDevicePermission();
}
}
};
BX.addCustomEvent(window, 'onInitialized', function (handler) {
BX.VideoRecorder.bindEvents(handler);
});
})();
Zerion Mini Shell 1.0