AudioPlayer

import { AudioPlayer } from '@megafon/ui-shared';

Примеры и код
Свойства и методы

Базовое использование

Пример разговора00:00

<AudioPlayer
  audioTitle="Пример разговора"
  audioSrc="https://moscow.megafon.ru/download/~federal/lp/agent_eva/eva_zvonok_iz_ozona.mp3"
/>

<AudioPlayer
  audioTitle="Пример разговора"
  audioSrc="https://moscow.megafon.ru/download/~federal/lp/agent_eva/eva_zvonok_iz_ozona.mp3"
/>

Позиционирование

По левому краю

Пример разговора00:00

<AudioPlayer
  position="left"
  audioTitle="Пример разговора"
  audioSrc="https://moscow.megafon.ru/download/~federal/lp/agent_eva/eva_zvonok_iz_ozona.mp3"
/>

<AudioPlayer
  position="left"
  audioTitle="Пример разговора"
  audioSrc="https://moscow.megafon.ru/download/~federal/lp/agent_eva/eva_zvonok_iz_ozona.mp3"
/>

По центру

Пример разговора00:00

<AudioPlayer
  position="center"
  audioTitle="Пример разговора"
  audioSrc="https://moscow.megafon.ru/download/~federal/lp/agent_eva/eva_zvonok_iz_ozona.mp3"
/>

<AudioPlayer
  position="center"
  audioTitle="Пример разговора"
  audioSrc="https://moscow.megafon.ru/download/~federal/lp/agent_eva/eva_zvonok_iz_ozona.mp3"
/>

По правому краю

Пример разговора00:00

<AudioPlayer
  position="right"
  audioTitle="Пример разговора"
  audioSrc="https://moscow.megafon.ru/download/~federal/lp/agent_eva/eva_zvonok_iz_ozona.mp3"
/>

<AudioPlayer
  position="right"
  audioTitle="Пример разговора"
  audioSrc="https://moscow.megafon.ru/download/~federal/lp/agent_eva/eva_zvonok_iz_ozona.mp3"
/>

Растягивание на всю ширину контейнера

Пример разговора00:00

<AudioPlayer
  isFullWidth
  audioTitle="Пример разговора"
  audioSrc="https://moscow.megafon.ru/download/~federal/lp/agent_eva/eva_zvonok_iz_ozona.mp3"
/>

<AudioPlayer
  isFullWidth
  audioTitle="Пример разговора"
  audioSrc="https://moscow.megafon.ru/download/~federal/lp/agent_eva/eva_zvonok_iz_ozona.mp3"
/>

Использование компонента с заголовком и текстом в конструкторе

Пример работы виртуального секретаря

Продажи по телефону00:00

Для абонентов большинства архивных тарифов в Республике Крым и г. Севастополь действуют особые условия.

<Container>
  <TitleDescriptionBox title="Пример работы виртуального секретаря" />
  <AudioPlayer
    audioTitle="Продажи по телефону"
    audioSrc="https://moscow.megafon.ru/download/~federal/lp/agent_eva/eva_zvonok_iz_ozona.mp3"
    position="left"
  />
  <TextBox>
    <Paragraph>
      Для абонентов большинства архивных
      <Link href="https://megafon.ru">тарифов </Link>в Республике Крым и г.
      Севастополь действуют особые условия.
    </Paragraph>
  </TextBox>
</Container>

<Container>
  <TitleDescriptionBox title="Пример работы виртуального секретаря" />
  <AudioPlayer
    audioTitle="Продажи по телефону"
    audioSrc="https://moscow.megafon.ru/download/~federal/lp/agent_eva/eva_zvonok_iz_ozona.mp3"
    position="left"
  />
  <TextBox>
    <Paragraph>
      Для абонентов большинства архивных
      <Link href="https://megafon.ru">тарифов </Link>в Республике Крым и г.
      Севастополь действуют особые условия.
    </Paragraph>
  </TextBox>
</Container>