fix duration update, add note on pip install via github repo instead of pypi (#30)

Author: jfdev001

README.md

@@ -12,7 +12,7 @@ or higher installed. Then you can do the following (in a virtual environment
 if you want) in a terminal:
 
 ```
-pip install lingua-loop
+pip install git+https://github.com/jfdev001/lingua-loop.git
 ```
 
 You can launch the app, which will automatically open a web browser, by doing
@@ -54,8 +54,12 @@ $$
 you would receive a score of 0.70 because, despite the error, there are common
 characters that you correctly typed.
 
+Note that this package is an alpha state and subject to breaking changes and
+bug fixes. Please open a GitHub issue if you encounter problems!
+
 # Future Work
 
+
 Some possible extension ideas:
 
 1. Significantly improve the styling.

src/lingua_loop/static/app.js

@@ -243,8 +243,16 @@ window.addEventListener("DOMContentLoaded", async () => {
       current = state.player.getCurrentTime();
     }
 
+    const duration = state.player.getDuration()
+    if (!isNaN(duration) && duration != 0) {
+      videoConfiguration.duration = duration;
+      document.getElementById("duration").textContent = formatTime(
+        videoConfiguration.duration);
+    }
+
     document.getElementById("currentTime").textContent = formatTime(current);
     videoConfiguration.seekBar.value = (current / videoConfiguration.duration) * 100;
+
     updateSliderFill(videoConfiguration.seekBar);
     return;
   }