2022-04-04 15:34:22 +00:00
|
|
|
|
# Ядро плеера аудиокниг (biblio-player-core)
|
|
|
|
|
|
|
|
|
|
Модуль предназначен для разработки плеера с кастомным интерфейсов.
|
|
|
|
|
|
2022-04-21 14:05:07 +00:00
|
|
|
|
## Вариант №1. Подключение через iFrame
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
<iframe style="width:100%;max-width:560px;height:320px;border:none;"
|
|
|
|
|
src="https://pub-cdn.bibliovk.ru/biblio-player-ui/latest/iframe/?book_id=BOOK_ID&referal_key=REFERAL_KEY&user_key=USER_KEY">
|
|
|
|
|
</iframe>
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
Необходимо заменить значения переменных:
|
|
|
|
|
- **BOOK_ID** - идентификатор книги. [Сервис для поиска ID книги](https://biblio-book-checker.vercel.app)
|
|
|
|
|
- **REFERAL_KEY** - авторизационный ключ реферала, выдающийся в личном кабинете
|
|
|
|
|
- **USER_KEY** - авторизационный ключ пользователя реферала, формирующийся в back-end части реферала по алгоритму. При неавторизованном пользователе указываем null. [Как сгенерировать user_key?](user-key.md)
|
|
|
|
|
|
|
|
|
|
## Вариант №2. Подключение скриптов
|
2022-04-04 15:34:22 +00:00
|
|
|
|
|
|
|
|
|
**Подключаем VUE 2**
|
|
|
|
|
```
|
|
|
|
|
<script src='https://cdn.jsdelivr.net/npm/vue@2.6.14'></script>
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
**Подключаем виджет**
|
|
|
|
|
```
|
|
|
|
|
<script src='https://167503.selcdn.ru/test/biblio-widget-ui.js'></script>
|
|
|
|
|
<link rel='stylesheet' href='https://167503.selcdn.ru/test/biblio-widget-ui.css'/>
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
**Иницализируем виджет**
|
|
|
|
|
```
|
|
|
|
|
<div id="bblpl">
|
2022-04-21 14:05:07 +00:00
|
|
|
|
<biblio-player referal-key="REFERAL_KEY" user-key="USER_KEY" book-id="BOOK_ID"/>
|
2022-04-04 15:34:22 +00:00
|
|
|
|
<script>new Vue({ components: { biblioPlayer } }).$mount("#bblpl")</script>
|
2022-04-21 14:05:32 +00:00
|
|
|
|
</div>
|
2022-04-04 15:34:22 +00:00
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
Необходимо заменить значения переменных:
|
2022-04-21 14:05:07 +00:00
|
|
|
|
- **BOOK_ID** - идентификатор книги. [Сервис для поиска ID книги](https://biblio-book-checker.vercel.app)
|
|
|
|
|
- **REFERAL_KEY** - авторизационный ключ реферала, выдающийся в личном кабинете
|
|
|
|
|
- **USER_KEY** - авторизационный ключ пользователя реферала, формирующийся в back-end части реферала по алгоритму. При неавторизованном пользователе указываем null. [Как сгенерировать user_key?](user-key.md)
|
2022-04-04 15:34:22 +00:00
|
|
|
|
|