Implementation with Vue

  • 🚨 RsiInterpretationPlayer must be imported before rsiSubtitles.

    • RsiSubtitles cannot work without the widget RsinterpretationPlayer
  • 🚨 In order to use the widget subtitles you must add as parameter of RsiInterpretationPlayer hasSubtitles to be true.

    <template>
      <RsiInterpretationPlayer
        sdkKey="sdk_key_XXXX"
        :hasSubtitle="true"
        v-on:onLanguageSelected="handleOnLanguageSelected"
        v-on:onReady="handleOnReady"
        v-on:onConnectionStatusUpdated="handleOnConnectionStatusUpdated"/>
      <RsiSubtitles
        sdkKey="sdk_key_XXXX"
        roomName="abcd"
        v-on:onReady="handleOnSubtitlesReady"/>
    </template>

    <script lang="js">
      import { RsiInterpretationPlayer, RsiSubtitles } from '@akkadu/rsi-vue'
      export default {
        components:{
          RsiInterpretationPlayer,
          RsiSubtitles
        },
        methods: {
          handleOnSubtitlesReady(e){
            console.info('handleOnReady event for the subtitles widget:',e);
          },
      },
      }
    </script>