Skip to content

Instantly share code, notes, and snippets.

View AndrewBuntsev's full-sized avatar

Andrei Buntsev AndrewBuntsev

View GitHub Profile
document.getElementById('swal-popup-example-button').addEventListener('click', function(){
...
});
swal({
title: "<span id='save-popup-title'>Saving...</span>",
html: "<div id='save-popup-icon'></div><span id='save-popup-message'></span>",
confirmButtonColor: "#1a7bb9",
confirmButtonText: "Ok",
allowOutsideClick: false
});
let popupTextElement = document.getElementById("save-popup-message");
popupTextElement.innerHTML = popupTextElement.innerHTML + "<br/>Initial dataset has been saved";
document.getElementById("save-popup-icon").innerHTML =
"<img id='save-popup-icon-img' width=120
src='https://ludu-assets.s3.amazonaws.com/lesson-icons/yWfNH8VAg7yf2SKSaRdu'/>";
document.getElementById("save-popup-title").innerHTML = "Success!";
#save-popup-icon-img{
animation-name: expand;
animation-duration: 1s;
}
@keyframes expand{
0% {transform: scale(0);}
100% {transform: scale(1);}
}
<input type="file" id="uploadVideoFile" accept="video/*" />
var fileInput = document.getElementById("uploadVideoFile");
div id="videoSourceWrapper">
<video style="width: 100%;" controls>
<source id="videoSource"/>
</video>
</div>
$('#uploadVideoFile').on('change',
function() {
var fileInput = document.getElementById("uploadVideoFile");
console.log('Trying to upload the video file: %O', fileInput);
if ('files' in fileInput) {
if (fileInput.files.length === 0) {
alert("Select a file to upload");
} else {
var $source = $('#videoSource');
$source[0].src = URL.createObjectURL(this.files[0]);
function UploadVideo(file) {
var loaded = 0;
var chunkSize = 500000;
var total = file.size;
var reader = new FileReader();
var slice = file.slice(0, chunkSize);
// Reading a chunk to invoke the 'onload' event
reader.readAsBinaryString(slice);
console.log('Started uploading file "' + file.name + '"');