From 4b8c76bb7649f49e03952c2fac4a2c210f441a2e Mon Sep 17 00:00:00 2001
From: km0 <luzzanafrancesco@gmail.com>
Date: Wed, 22 Feb 2023 00:06:11 +0100
Subject: [PATCH] documentation and comments

---
 .index.html.swp | Bin 12288 -> 12288 bytes
 .index.js.swp   | Bin 12288 -> 12288 bytes
 index.html      |   3 ++-
 index.js        |  11 +++++++++--
 style.css       |   1 -
 5 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/.index.html.swp b/.index.html.swp
index 08e25889f27c4cbb390bfdda419bbf0a5ae82655..a9970f2615e8ccc8a31341fa932683cf84c9fcd8 100644
GIT binary patch
delta 157
zcmZojXh={<G6?hZRj|}EU;qLE28R1SUz3?F85npt7#NC6bMq%oRN3fqhM!Stv!K9d
ze%>2A3=9#x5T#O+1r_||x`4b+AkGHjEFjJV;zS@$0OAPV&58mCc_zE)3QO3eWR@vp
t+URGL<mT8hFxcoP<)>5v8Izak%1<uQHRM#Vv(Zm1P07sPd|20(2>=z*C6oXF

delta 146
zcmZojXh={<G6?hZRj|}EU;qLE1_o8HugS`m3=E=-3=GAkx%m?(s%&&Q!_O$WSy13J
zKkqXh28JYFh*HVPf(rg}%YnR7AT9yoVj#{2;w&HrsdC}ntSE4dXR^Jn@Z@Y=Zb2LU
jjFQ|OI|c?D{iOVqN;`(h9lA!0c9XMo<u@PIwPpeUOc^16

diff --git a/.index.js.swp b/.index.js.swp
index a74806fc3a1406b664aa887352ae862edebf7d3a..694c394f5da6eb0fd5b8e688401715da83c6bbd1 100644
GIT binary patch
delta 733
zcmZwD&ubGw6bJAZ5&A2!Dc<VkDIPYJWLptxBK4vOQB?ea=ge*<?rL_X?#$MNBI!k`
zCoQ?CcRhJf0^&&#J^CN?;86rU_@gI#@ViM9T5#D9?Ciep+c&dTTdT1*f1`Sl%cXh3
zl_#oR+VaQBMA>m7lSF!B<LK+NpQkhB-c0`YbS{tA*@;1ExjVy$I^PZuy@I<i2U|I!
zU$6-u;RQSd3o+b*Yfyocun4p8CyN~XgiZJW@8KP+Lj>pH2#mo#_&!CK>FX5H8+Z&Y
zScL6Kq95=aT5uh<G4>~T3XfnN9>9IL0y)S|^fLPoj(1<q{k`D2d?t|oZ4Mi31IZ?~
z=Mv@HP%FdQyCr?gfiP@zB-t0urYBI`&~d-oPvTfA%b}{vR`1!dCz)=s$i1t@x0wz)
zhxH0O1ztKmN;(Dd(b?|(&l0ba>*D6bgzDyCkhZd-RT=bH7O{x>jT$?{EjWXBX~-+F
z(pDlSEL+XX!Wi!KzngTO?rWGc+|~&zDeI$3e2&ruHut{~cI{$y*k!>foEo(}?iB8&
zL9u6yS|H=}#1wmyBaP=_*z}K2uE@BJ-f8kgiL1)WSm4}Ob{D2oSu6ZtxDAtdHndHN
JVE3^5<sUL1$|L{)

delta 302
zcmXBOF-rn*7{~GF4<&h?oet69@;8jI;u34{h$ba+sImF#AaF>bJEuTxZaQwOmtad=
zLlM;rP|&T>H((%yTR~swfe-wihu`q@+@7n?OQ-c??bsz@G9vFsbFb)#tSAw`ec1}b
z!eeb{sdAjnd|T;3QlxMESIbdW=el`I#K70G$QZA9!87h~gDyHa!#*5Tu!bchu!vDw
z<Ov}fI6)mX*!VR?KJkGLs;2D99$}i|h<kXbz{UpFQNWD1AJ8{qwJ=Poi^weg#O~&;
iie_86II;bvR=rl!543+39JZTY&|uRC`dXs=&g2iYdOF?!

diff --git a/index.html b/index.html
index 5d7d79c..fe1169b 100644
--- a/index.html
+++ b/index.html
@@ -16,8 +16,9 @@
         <li>if there is a call back (define syntax) call the callback</li>
     </ul>
    
+    <audio src="jeetee.mp3" id="player" controls ></audio>
+
     <div id="sub">Hello</div>
-    <audio src="jeetee.mp3" id="player" controls>
 
 
 </body>
diff --git a/index.js b/index.js
index b513b9c..fe79852 100644
--- a/index.js
+++ b/index.js
@@ -3,8 +3,14 @@ import srtParser2 from 'https://cdn.skypack.dev/srt-parser-2';
 const player = document.querySelector('#player')
 const sub = document.querySelector('#sub')
 
-
+// 4. Interactive functions to attach to the subtitle id
+// a. note that there can be more functions for every id
+// using the syntax id: () => {function1(); function2()}
+// b. note that to pass params to the functions you need to pass them to all
+// using the syntax: id: (param) => function1(param)
+//
 const srtFunctions = {
+// id: () => callback()
     1: () => testFunction(),
     2: () => testFunction(),
     3: () => test2()
@@ -28,8 +34,8 @@ const readSRT = (srt) => {
     let srt_array = parser.fromSrt(srt)
     console.log(srt_array)
     
-    
     let currentId = 0
+    
     player.addEventListener('timeupdate', (e)=>{
         let current = srt_array.find(
             caption => 
@@ -39,6 +45,7 @@ const readSRT = (srt) => {
         if (current != undefined && currentId != parseInt(current.id)){
             currentId = parseInt(current.id)
             printText(current.text)
+            // Check if the srtFunctions object has some callback for the current index
             if(srtFunctions.hasOwnProperty(current.id))
                 srtFunctions[current.id]()
         }
diff --git a/style.css b/style.css
index eac63e0..8f8fd8c 100644
--- a/style.css
+++ b/style.css
@@ -1,5 +1,4 @@
 html, body {
-margin: 0;
 font-size: 24px;
 line-height: 1.4;
 font-family: sans-serif;