From f3a38e82603e92e24c423af827d8450f9d2bca1f Mon Sep 17 00:00:00 2001
From: km0 <luzzanafrancesco@gmail.com>
Date: Tue, 21 Feb 2023 23:51:40 +0100
Subject: [PATCH] callback functions and sub display

---
 .readme.md.swp => .index.html.swp | Bin 12288 -> 12288 bytes
 .index.js.swp                     | Bin 0 -> 12288 bytes
 index.html                        |   2 +-
 index.js                          |  28 +++++++++++++++++++++++++++-
 4 files changed, 28 insertions(+), 2 deletions(-)
 rename .readme.md.swp => .index.html.swp (91%)
 create mode 100644 .index.js.swp

diff --git a/.readme.md.swp b/.index.html.swp
similarity index 91%
rename from .readme.md.swp
rename to .index.html.swp
index 8ab6ec8e0f9bb67c5161cf4fc3cc252b6f16e3ce..08e25889f27c4cbb390bfdda419bbf0a5ae82655 100644
GIT binary patch
literal 12288
zcmeI2ziSjh6vrplMn$o(k(W6H6>^&&O#-tEl8b0W639idoZEfpPBOQ<?986IM*j|5
z8~+MR5o;SeI}0m8?0x$qDu%-*P2fHFvb!_yy?OI_d&P1yT6yyDF>Ll%1lbiKZteVx
zdz(UBUl77ole`}OpAEM69}Rc+mhbKCZEYOv%yoZRCk&2@Y81F?R0JkV@VKA)iJcq5
z6HI^!oCSf(kC!(V#roQ6^HcB1CAfC=;4Ct84ko|^m;e)C0!)AjFaajO1kMQoUo41M
zRO^MV-W%POKK~m#xpt3yVFFBm2`~XBzyz286JP>NfC(@GCcp&FApxBT@%5q*qeUv7
z{{KJu{{Mbih%cniq<5s(BuiQ&-6i!%KQ0OJjr4)^hV+zllk|yleI&gny(Lv7PjaLq
z(jlo{Z$M&W0!)AjFaajO1egF5U;<2l37jVaDyYveM?$DzlqWN~5kRIAGX;~(o7Gif
za&ToF%0ont*q;>Zk^(|mSUtm1LY!y5%&m+5&KF8LJT0RKXl<?nTBDh5J%WnLprspA
z)<k9uKE)EjIM5JlYhk40Be<R5*klN9mU(@Ar=20s=BD;g0Y!^06a1Sh)`d5D28nTX
zt@Rod*^HeItQ<BD-b}D6679QHsEoWR58C~L&mm5chR1mcw8_({Y_5}f#v5<Z!Pr=w
z<J8h^6aR5h9UqmhLTt5jp=?sgXo$|k3*%F;W=dSJoMK6>TaAQjn@SI;ldcsmE=}RV
z&k79XBu^@f5{M~M;dMvbqwR-ILZpJ$xr?+WJAx7|wb9RL6DjpxLR#Xu8|lZ+$<Dbc
zF53US;gkKe<4t?i1U+>&)ulrp%7fwk<qZl~ZLz9;Gr{WYc_=Zf$Cn1XTf=92+t9wV
FzW|#_19$)c

literal 12288
zcmeI&Pj1sd6bA5Dwg`$~!}39Qm6$kjpkaw%11eGlv`eJ1{US_lk2NzE%?7p=C*TAu
zIRJ17Bu>yH@aF(LM-Hu!%A&hSpQTTeWad4Oe_2^}mK;2O$}=+|J+2XbIQgA#Z+@mv
zCq&~U-PxJk?`QsdNPRS(CijwL_GX%<vvb$J9U6`vNjQwI9qoA+U0k#hMxo2vkr!Lk
zV(Q}D7MOql1TG@b#rd7t6-p=Lq%YsPeT#2g-@iyF)Ib0N5P$##AOHafKmY=3DiGTZ
zdZ&B8H0=NKFmC)a4qq`q00Izz00bZa0SG_<0uX=z1R$`60#={3A73T<rs<#mukQbU
zZ4&*|{Lp;YeARr>eAK+xywu#(EbG?ry0K*lKmY;|fB*y_009U<00IzLZ-KjpAL?u5
zQP?)@ve%MFj*e^Fa(pFR7VPHBPx``nEMq18Y;LP6v-u&<yC#pNYXVITKPU>0Wi4G>
z^!@%Wat+(AC>^(zU5M`+td?}%OA~q3n^MDj)(2q|eB^mqN#L^40_(k9^jldi4Ky*l
z>uhoQ%V`mfhq<%oC3+!2n>x?CmY;}35k7ckX#ec_*oNgrRAnQEnf2e@;^$p9Y@YrA
D+_aLB

diff --git a/.index.js.swp b/.index.js.swp
new file mode 100644
index 0000000000000000000000000000000000000000..a74806fc3a1406b664aa887352ae862edebf7d3a
GIT binary patch
literal 12288
zcmeI2&u`pB6vwAXAZRHd5cf#}wJjyH$)<;-VI!fYs9TyQVz*onLSE1Fu3N8d#^W@r
zsEPO!xWb<RM-CvQ@&|B$8~+4ITsR`}9sh{4w1G=6k!Gat+Mapu&3m7jv9#J9t$y6!
z<(p!ap}oP_liPm<-X>#jUt%mTrm5-vzqWI0@ZoT8f93r<`!_f4-#OR(*aYkxX2qzJ
z7o)5bC6W%sgZx|vJ75V|0?&s)p~IDpt8BfyRvz`G#RdM>oA;kjY#YTAummgtOTZGa
z1S|ndz!I<oE(8IcU1BH5^o2UxZhghq|FSjL`q5r20ZYIVummgtOTZGa1S|ndz!I<o
zECEa40ut~gV?V#b*f*DvJbwRgzW+aYov{<>9<&54LJQDk=#SSJ`xW{T`T_bL`U?62
zI)RQMAKHR8p$%vedKr2NdJ+2NDr4V4UqTUd59&iZkbwSvm9gKTpP*ytCUhP8{R;Y^
zub}|ifCS_~??UfDf1;Lep|Yk6xF$AbOTZGa1S|ndz!I<oECE9xWFhHb;yMqAG?B=a
zc08dcl(>rW-ZnmjrbF#|b+7cbZ@PUs_-N>wC(mP@4(|%Smr=q^1Rh2)aX*n<t7tqX
z#T$E%heZ<TC`}l9%sAR(ue_AEr+4PbG{pL#w$DEa3Z*E~B9foFt&=f}LientnE3hL
zqhw#D87Vz;TSug7?3<RUDA7YxU1MTOowun+`jYo}=Bu3gNoyX-);J1z6NWGJc!9s+
zhEYP2U%STJAQ*X86z_;NNtM?&Y||b1nZYI~kpl|SMCN?E$4O{kjY*4ohG8_N`AG0@
zTyxm!#`(QxJDY6h0@TjDx83%~q??jJ1?WHXmGWl-^-8z&&SHN?O88RVI>4IUjdD#1
zDc8|Ru*k4&$XVttdA;qb@-rbz)T?Ef_5&5?X-pzc$7Zdo2`fs*^|Y&5B_%?YP6tXG
z>(;JhuV9qWBjdDhR#bIeZ;P23bhA-mQ97EkkIeR77reCn*Z$5)7a8{p8Ku0c8MNbg
z<OdI%4SqIrM-%4gI$k}SdF-0GylSHQOg!z<oElCOn#{R3=i})p_&2zS5>UTA+`Wro
zv$yMcPdC2tD);={{OdRBjLQ7#!`409+05#C%jFuaoi|uf1?k2k$CO8S@zevw2+uMN
zim5r;pBJQN1BxloDK^UzN;oaH#`_=El?5E4X_n$G)UGc#n}ItMt+V__rxVCT<PT>V
zR!K-Y=)iEL+8HZdXUi=2n&AB^h$Ot#Bqc#a`7+PT-1yGkF2|k88J*QZ=i@jX`7uB6
G75fL({Mau5

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index d46b5d8..5d7d79c 100644
--- a/index.html
+++ b/index.html
@@ -16,10 +16,10 @@
         <li>if there is a call back (define syntax) call the callback</li>
     </ul>
    
+    <div id="sub">Hello</div>
     <audio src="jeetee.mp3" id="player" controls>
 
 
-
 </body>
 
 </html>
diff --git a/index.js b/index.js
index a4b619f..b513b9c 100644
--- a/index.js
+++ b/index.js
@@ -1,11 +1,34 @@
+// 1. Import dependencies, select DOM elements, define global var
 import srtParser2 from 'https://cdn.skypack.dev/srt-parser-2';
 const player = document.querySelector('#player')
+const sub = document.querySelector('#sub')
 
+
+const srtFunctions = {
+    1: () => testFunction(),
+    2: () => testFunction(),
+    3: () => test2()
+}
+
+const printText = (text) => {
+    sub.innerHTML = text
+}
+
+const testFunction = () => {
+    console.log('test function eheh')
+}
+
+const test2 = () => {
+    console.log('test 2')
+}
+
+// 3. Parse .srt file and setup audio player callback
 const readSRT = (srt) => {
     let parser = new srtParser2();
     let srt_array = parser.fromSrt(srt)
     console.log(srt_array)
     
+    
     let currentId = 0
     player.addEventListener('timeupdate', (e)=>{
         let current = srt_array.find(
@@ -15,10 +38,13 @@ const readSRT = (srt) => {
              )
         if (current != undefined && currentId != parseInt(current.id)){
             currentId = parseInt(current.id)
-            console.log(current.text)
+            printText(current.text)
+            if(srtFunctions.hasOwnProperty(current.id))
+                srtFunctions[current.id]()
         }
     })
 }
 
+// 2. Open .srt file and trigger readSRT() function
 fetch('jeetee.srt').then(res=>res.text()).then(data=>readSRT(data))