yoda/biblio-docs
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Изменить 'biblio-player-ui.md'

Browse Source
This commit is contained in:
edwardproff 2022-04-21 14:05:07 +00:00
parent 812ca969c7
commit e8ed676f24
1 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
biblio-player-ui.md
View File

@ -2,7 +2,20 @@
Модуль предназначен для разработки плеера с кастомным интерфейсов. Модуль предназначен для разработки плеера с кастомным интерфейсов.
## Подключение скриптов ## Вариант №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. Подключение скриптов
**Подключаем VUE 2** **Подключаем VUE 2**
``` ```
@ -18,13 +31,13 @@
**Иницализируем виджет** **Иницализируем виджет**
``` ```
<div id="bblpl"> <div id="bblpl">
<biblio-player referal-key="$referal_key" user-key="$user_key" book-id="$book_id"/> <biblio-player referal-key="REFERAL_KEY" user-key="USER_KEY" book-id="BOOK_ID"/>
<script>new Vue({ components: { biblioPlayer } }).$mount("#bblpl")</script> <script>new Vue({ components: { biblioPlayer } }).$mount("#bblpl")</script>
</div>'; </div>';
``` ```
Необходимо заменить значения переменных: Необходимо заменить значения переменных:
- **$book_id** - идентификатор книги. [Сервис для поиска ID книги](https://biblio-book-checker.vercel.app) - **BOOK_ID** - идентификатор книги. [Сервис для поиска ID книги](https://biblio-book-checker.vercel.app)
- **$referal_key** - авторизационный ключ реферала, выдающийся в личном кабинете - **REFERAL_KEY** - авторизационный ключ реферала, выдающийся в личном кабинете
- **$user_key** - авторизационный ключ пользователя реферала, формирующийся в back-end части реферала по алгоритму. При неавторизованном пользователе указываем null. [Как сгенерировать user_key?](user-key.md) - **USER_KEY** - авторизационный ключ пользователя реферала, формирующийся в back-end части реферала по алгоритму. При неавторизованном пользователе указываем null. [Как сгенерировать user_key?](user-key.md)