feat: make new properties "start" and "end" available

Closes #331

README.md

@@ -354,6 +354,7 @@ information about the error.
         },
     ],
     "duration": 6.024,       # <-- seconds
+    "end": null,             # <-- seconds as string or null
     "filename": "01 - dummy.mp3",
     "fullscreen": false,
     "loop-file": false,      # <-- false, true or integer
@@ -381,6 +382,7 @@ information about the error.
     "position": -0.0,        # <-- seconds
     "remaining": 6.024,      # <-- seconds
     "speed": 1,              # <-- multiplier
+    "start": null, ,         # <-- seconds as string or null
     "sub-delay": 0,          # <-- milliseconds
     "track-list": [          # <-- all available video, audio and sub tracks
         {

main.lua

@@ -118,6 +118,7 @@ local function build_status_response()
     ["chapter-list"] = mp.get_property_native("chapter-list") or '',
     chapters = mp.get_property_native("chapters") or '',
     duration = mp.get_property_native("duration") or '',
+    ["end"] = mp.get_property_native("end") or '',
     filename = mp.get_property('filename') or '',
     fullscreen = mp.get_property_native("fullscreen"),
     ["loop-file"] = mp.get_property_native("loop-file"),
@@ -128,6 +129,7 @@ local function build_status_response()
     position = mp.get_property_native("time-pos") or '',
     remaining = mp.get_property_native("playtime-remaining") or '',
     speed = mp.get_property_native('speed') or '',
+    start = mp.get_property_native('start') or '',
     ["sub-delay"] = mp.get_property_osd("sub-delay") or '',
     ["track-list"] = mp.get_property_native("track-list") or '',
     volume = mp.get_property_native("volume") or '',
@@ -163,7 +165,11 @@ local function build_status_response()
       return false
   end
 
-  return utils.format_json(values)
+  local result = utils.format_json(values)
+  -- hack to have null values in the resulting json
+  result = result:gsub('"none"', "null")
+
+  return result
 end
 
 local function get_content_type(file_type)

tests/snapshots/snap_tests.py

@@ -199,6 +199,7 @@
     "chapter-list": [],
     "chapters": 0,
     "duration": 6.024,
+    "end": None,
     "filename": "01 - dummy.mp3",
     "fullscreen": False,
     "loop-file": False,
@@ -226,6 +227,7 @@
     "position": -0.0,
     "remaining": 6.024,
     "speed": 1,
+    "start": None,
     "sub-delay": 0,
     "track-list": [
         {

webui-page/index.html

@@ -115,6 +115,14 @@ <h3 id="album">Album</h3>
           <td>Chapter:</td>
           <td id="chapterContent"></td>
         </tr>
+        <tr class="start">
+          <td>Start:</td>
+          <td id="startContent"></td>
+        </tr>
+        <tr class="end">
+          <td>End:</td>
+          <td id="endContent"></td>
+        </tr>
       </table>
     </div>
 

webui-page/webui.js

@@ -580,6 +580,39 @@ function setChapter(chapters, chapter, chapterList) {
   }
 }
 
+String.prototype.toHHMMSS = function () {
+  // https://stackoverflow.com/a/6313008
+  const sec_num = parseInt(this, 10);
+  let hours   = Math.floor(sec_num / 3600);
+  let minutes = Math.floor((sec_num - (hours * 3600)) / 60);
+  let seconds = sec_num - (hours * 3600) - (minutes * 60);
+
+  if (hours   < 10) {hours   = "0"+hours;}
+  if (minutes < 10) {minutes = "0"+minutes;}
+  if (seconds < 10) {seconds = "0"+seconds;}
+  return hours+':'+minutes+':'+seconds;
+}
+
+function setOrHideStartEnd(elementsClass, contentId, value) {
+  const elements = document.getElementsByClassName(elementsClass);
+  const content = document.getElementById(contentId);
+  if (value == null) {
+    [].slice.call(elements).forEach(function (div) {
+      div.classList.add('hidden');
+    });
+  } else {
+    [].slice.call(elements).forEach(function (div) {
+      div.classList.remove('hidden');
+    });
+    content.innerText = value.toHHMMSS();
+  }
+}
+
+function setStartEnd(start, end) {
+  setOrHideStartEnd("start", "startContent", start)
+  setOrHideStartEnd("end", "endContent", end)
+}
+
 function playlist_loop_cycle() {
   const loopButton = document.getElementsByClassName('playlistLoopButton');
   if (loopButton.value === "no") {
@@ -636,6 +669,7 @@ function handleStatusResponse(json) {
   setLoop(json["loop-file"], json["loop-playlist"]);
   setFullscreenButton(json['fullscreen']);
   setChapter(json['chapters'], json['chapter'], json['chapter-list']);
+  setStartEnd(json['start'], json['end']);
   populatePlaylist(json['playlist'], json['pause']);
   setupNotification(json);
 }