JAVASCRIPT SNIPPETS

/* vttParser.js (by pvh) */

point = [];
sub = [];

////// end of by Hg

function timePlay(){
	if(curTime > point[count]){
    		bul=true
	}
	if(bul){
		//demo.value=  Math.round(xx * 1000)/1000
		div1.innerHTML = sub[count]
		bul = false
		count++
	}
}

function toHHMMSS(secs){
// var toHHMMSS = (secs) => {
    var sec_num = parseInt(secs, 10)
    var hours   = Math.floor(sec_num / 3600)
    var minutes = Math.floor(sec_num / 60) % 60
    var seconds = sec_num % 60
    return [hours,minutes,seconds]
        .map(v => v < 10 ? "0" + v : v)
        .filter((v,i) => v !== "00" || i > 0)
        .join(":")
}

function toVttHhmmss(seconds) {
  hours = Math.floor(seconds / 3600);
// alert(hours)
  seconds %= 3600;
  minutes = Math.floor(seconds / 60);
// alert(minutes)
  seconds = seconds % 60;
//alert(seconds);
  seconds =  Math.round(seconds*1000)/1000;
// alert(seconds);

// zz = seconds.split('.');
//alerr(seconds.length)
zz = String(seconds).split('.')

if(zz.length == 1){

res = pad(hours,2) + ':' + pad(minutes,2) + ':' + pad(Number(zz[0]),2) + '.' +
'000'

}else{

res = pad(hours,2) + ':' + pad(minutes,2) + ':' + pad(Number(zz[0]),2) + '.' +
padSec(Number(zz[1]),3);

}
  /*ar = res.split('.');
  zz = padSec(ar[1],3);
  // alert(zz);
  yy = ar[0] + ',' + zz */
  // alert(yy)
/* thiếu số không ở seconds */
  // yy = res.replace('.', ',')
  return res;
}

function pad(num, size) {
	var s = num+"";
	while (s.length < size) s = "0" + s;
	return s;
}

function padSec(num, size) {
     //alert(typeof numSt);
     s = num + '';
	while (s.length < size) s = s + "0"
	//alert(numSt);
	return s;
}

<textarea id="textbox">
/* vttParser.js (by pvh) */

point = [];
sub = [];

////// end of by Hg

function timePlay(){
	if(curTime > point[count]){
    		bul=true
	}
	if(bul){
		//demo.value=  Math.round(xx * 1000)/1000
		div1.innerHTML = sub[count]
		bul = false
		count++
	}
}

// zz = seconds.split('.');
//alerr(seconds.length)
zz = String(seconds).split('.')

if(zz.length == 1){

res = pad(hours,2) + ':' + pad(minutes,2) + ':' + pad(Number(zz[0]),2) + '.' +
'000'

}else{

res = pad(hours,2) + ':' + pad(minutes,2) + ':' + pad(Number(zz[0]),2) + '.' +
padSec(Number(zz[1]),3);

}
  /*ar = res.split('.');
  zz = padSec(ar[1],3);
  // alert(zz);
  yy = ar[0] + ',' + zz */
  // alert(yy)
/* thiếu số không ở seconds */
  // yy = res.replace('.', ',')
  return res;
}

function pad(num, size) {
	var s = num+"";
	while (s.length < size) s = "0" + s;
	return s;
}

function padSec(num, size) {
     //alert(typeof numSt);
     s = num + '';
	while (s.length < size) s = s + "0"
	//alert(numSt);
	return s;
}

/* End of vttParser */

/* a5-play-vtt-red-hood.html */

vttArr = [
"su-en-quang-khan-do.vtt",
"su-vi-quang-khan-do.vtt",
"su-fr-quang-khan-do.vtt",
"su-de-quang-khan-do.vtt",
"su-ru-quang-khan-do.vtt"
];

var select = document.querySelector('select');

/////////

gInterval = 10;

$(document).ready(function(){
    selFunction()
    interval = setInterval(myTime, gInterval); 
});

var curTime;

function myTime(){     
      curTime =  player.getCurrentTime();
      document.getElementById('curTimeDiv').innerHTML = 		sformat(curTime);
      // if(curTime >0){
        if(YT.PlayerState.PLAYING){
          subPlay(); 
      }
  }

function beginV(){
      // interval = setInterval(myTime, gInterval); 
     		init();
     		vidBegin()
}

function init() {
	var subtitle = document.getElementById('vttArea');
	cont = subtitle.value;
	vParser(cont); 
}

point = [];
en = [];
sub = [];

function vParser(vtt) {
point = [];
en = [];
sub = [];

function vidBegin(){ 
player.seekTo(Number(document.getElementById('bBox').value),
          true);
		player.playVideo();
}

div1 = document.querySelector('#subDiv');
bul = false;
count = 0

function subPlay(){
	if(curTime > point[count]){
    		bul=true
	}
	if(bul){
		div1.innerHTML = sub[count]
		bul = false
	}
	if(curTime > en[count]){
    		bul=true
	}
	if(bul){
		div1.innerHTML = '';
		bul = false
		count++
	}
}

/////////// html
DOWNLOAD FILES TO YOUR IPAD
<br>
<div style="width:620px; background-color:white; overflow:auto; padding:10px; line-height:160%;text-align:left">

<a href="https://drive.google.com/uc?export=download&id=1DUBzAVz7d5t574RDKk43mFEmQYVzlT0g">su-fr-quang-khan-do.vtt.txt</a>
<br>
<a href="https://drive.google.com/file/d/1WEMg6DKycirFfk_Sk596ZHTNvLHEvHSE/view?usp=drivesdk">
a3-play-vtt.txt</a>
<br>
<a href="https://drive.google.com/uc?export=download&id=1zT64BF1Kc46novOZFWpAbQr5GwvlKU6d">direct vtt</a>
<br>
<a href="https://drive.google.com/uc?export=download&id=1zT64BF1Kc46novOZFWpAbQr5GwvlKU6d">
su-vi-quang-khan-do.vtt
</a>
<br>
<a href="https://drive.google.com/file/d/1wQdtHi6ikJDRIesjOSxdZc51Svz_7ZNZ/view?usp=drivesdk">
su-en-quang-khan-do.txt</a>
<br>
<a href="https://drive.google.com/file/d/1SEHnZExfzVSuiS1zaQWDVRA02HZrVQ9W/view?usp=drivesdk">
su-vi-quang-khan-do.txt
</a>
</div>

/* End of a5-play-vtt-red-hood.html */

JAVASSCRIPT ON IPAD (to see the list click ← then click ≡ and ⌄)

JAVASCRIPT SNIPPETS

Popular posts from this blog

PHP JQUERY PROXY DEMO

EXAMPLE ON MODIFYING HTML5 MEDIAELEMENT.JS PLAYER

COPY SOURCE CODE FOR ytvideo-search.html