@retell/player-vue v2.2.1

Vue Integration

Install

npm install @retell/player-vue
yarn add @retell/player-vue

Install the plugin into Vue:

import Vue from 'vue'
import RetellPlayer from '@retell/player-react'

Vue.use(RetellPlayer)

Usage

<template>
 <div>
  <retell-player />
 </div>
</template>

You can specify the articleUrl to create a player with the custom article at any place, if articleUrl is not specified, by default will be used a current page URL

<template>
 <div>
   <retell-player articleUrl="ABSOLUTE_LINK_TO_THE_ARTICLE" />
 </div>
</template>

Nuxt SSR Example

<template>
 <client-only>
   <retell-player />
 </client-only>
</template>

Props

Events

Examples

<template>
 <retell-player
   @opened="onOpened"
   @progress="onProgress"
 />
</template>

<script>
export default {
 methods: {
  onOpened () {
   console.log('Player opened')
  },
  onProgress (event) {
   if ([25, 50, 75, 100].includes(event.data.progress)) {
    console.log('Player progress:', event.data.progress)
   }
  }
 }
}
</script>