📖 Documentation

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"
    roomName="your_room_name"
    :hasSubtitles="true"
    v-on:onLanguageSelected="handleOnLanguageSelected"
    v-on:onReady="handleOnReady"
    v-on:onConnectionStatusUpdated="handleOnConnectionStatusUpdated"
  />
  <RsiSubtitles
    sdkKey="sdk_key_XXXX"
    roomName="your_room_name"
    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>