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

Timestamp:

2021-09-21T14:36:58+12:00 (3 years ago)

Author:

cstephen

Message:

Create AudioPlaybackModule

File:

• main/trunk/model-interfaces-dev/atea/korero-maori-asr/src/components/TranscriptionItem.vue (modified) (2 diffs)

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

@@ -3 +3 @@
         <!-- Header containing info and actions for the transcription -->
         <div class="transcription__header">
-            <button class="btn-fab" v-on:click="playAudio(0)" type="button" title="Play Audio">
-                <span class="material-icons mdi-l">play_arrow</span>
+            <button class="btn-fab" v-on:click="playAudio(-1)" type="button" title="Play Audio">
+                <span class="material-icons mdi-l play-button" v-if="!isPlaying">play_arrow</span>
+                <span class="material-icons mdi-l play-button" v-if="isPlaying">pause</span>
             </button>
 
@@ -113 +114 @@
     },
     computed: mapState({
-        translations: state => state.translations
+        translations: state => state.translations,
+        isPlaying: state => state.playbackState.isPlaying
     }),
     methods: {