Twilio Flex: code snippet to be used in a Flex Plugin to make browser play ringtone when a task comes in

ring_on_task.ts

    Flex.Manager.getInstance().workerClient.on('reservationCreated', (reservation: Reservation) => {
      console.log('reservation', reservation)
      let mediaId = Flex.AudioPlayerManager.play({
        url: 'https://api.twilio.com/cowbell.mp3',
        repeatable: true,
      })

      reservation.on('accepted', () => Flex.AudioPlayerManager.stop(mediaId))
      reservation.on('canceled', () => Flex.AudioPlayerManager.stop(mediaId))
      reservation.on('completed', () => Flex.AudioPlayerManager.stop(mediaId))
      reservation.on('rejected', () => Flex.AudioPlayerManager.stop(mediaId))
      reservation.on('rescinded', () => Flex.AudioPlayerManager.stop(mediaId))
      reservation.on('timeout', () => Flex.AudioPlayerManager.stop(mediaId))
      reservation.on('wrapup', () => Flex.AudioPlayerManager.stop(mediaId))
    })