Changeset 35403 for main

Timestamp:

2021-09-15T13:11:45+12:00 (3 years ago)

Author:

cstephen

Message:

Implement WebVTT downloading for transcriptions

Location:

main/trunk/model-interfaces-dev/atea/korero-maori-asr/src/components

Files:

• TranscriptionItem.vue (modified) (3 diffs)
• TranscriptionItemEditor.vue (modified) (2 diffs)

main/trunk/model-interfaces-dev/atea/korero-maori-asr/src/components/TranscriptionItem.vue

@@ -83 +83 @@
 import { mapState } from "vuex";
 import { saveAs } from "file-saver"
-import TranscriptionItemEditor from "./TranscriptionItemEditor.vue"
+import TranscriptionItemEditor, { getWords } from "./TranscriptionItemEditor.vue"
 import { TranscriptionViewModel } from "../main";
 import Util from "../js/Util";
@@ -130 +130 @@
             const blob = new Blob([ JSON.stringify(toDownload, null, 4) ], { type: "application/json;charset=utf-8" });
             saveAs(blob, fileName);
+        },
+        downloadAsWebvtt() {
+            const fileName = buildDownloadableFileName(this.transcription.fileName, "vtt");
+            const toDownload = buildWebvttFileContents(this.transcription);
+
+            const blob = new Blob([ toDownload ], { type: "text/vtt;charset=utf-8" });
+            saveAs(blob, fileName);
         }
     }
@@ -147 +154 @@
     return fileName;
 }
+
+/**
+ * Builds a WebVTT file of the given transcription
+ * @param {TranscriptionViewModel} transcription The transcription.
+ * @returns {String} The WebVTT content.
+ */
+function buildWebvttFileContents(transcription) {
+    let contents = "WEBVTT Transcription of " + transcription.fileName + "\n\n";
+
+    for (const word of getWords(transcription)) {
+        contents += getTime(word.startTime) + " --> " + getTime(word.endTime) + "\n";
+        contents += "- " + word.word + "\n\n";
+    }
+
+    return contents;
+
+    function getTime(seconds) {
+        const hours = (seconds / 3600) | 0;
+        const minutes = ((seconds - (hours * 60)) / 60) | 0;
+        const actualSeconds = seconds - (minutes * 60);
+
+        let result = hours.toLocaleString("en-US", { maximumFractionDigits: 0, minimumIntegerDigits: 2 });
+        result += ":" + minutes.toLocaleString("en-US", { maximumFractionDigits: 0, minimumIntegerDigits: 2 });
+        result += ":" + actualSeconds.toLocaleString("en-US", { minimumFractionDigits: 3, maximumFractionDigis: 3, minimumIntegerDigits: 2 });
+
+        return result;
+    }
+}
 </script>

main/trunk/model-interfaces-dev/atea/korero-maori-asr/src/components/TranscriptionItemEditor.vue

@@ -82 +82 @@
 import Util from "../js/Util";
 
-class Word {
+export class Word {
     /**
      * Initialises a new instance of the Word class.
@@ -257 +257 @@
  * @returns {Word[]}
  */
-function getWords(transcription) {
+export function getWords(transcription) {
     /** @type {Word[]} */
     const words = [];