From e8ed676f243932206b32735fc6ea2c7c1504f405 Mon Sep 17 00:00:00 2001
From: edwardproff <edwardproff@yandex.ru>
Date: Thu, 21 Apr 2022 14:05:07 +0000
Subject: [PATCH] =?UTF-8?q?=D0=98=D0=B7=D0=BC=D0=B5=D0=BD=D0=B8=D1=82?=
 =?UTF-8?q?=D1=8C=20'biblio-player-ui.md'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 biblio-player-ui.md | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/biblio-player-ui.md b/biblio-player-ui.md
index c764ab5..badbe6e 100644
--- a/biblio-player-ui.md
+++ b/biblio-player-ui.md
@@ -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**
 ```
@@ -18,13 +31,13 @@
 **Иницализируем виджет**
 ```
 <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>
 </div>';
 ```
 
 Необходимо заменить значения переменных:  
-- **$book_id** - идентификатор книги. [Сервис для поиска ID книги](https://biblio-book-checker.vercel.app)
-- **$referal_key** - авторизационный ключ реферала, выдающийся в личном кабинете
-- **$user_key** - авторизационный ключ пользователя реферала, формирующийся в back-end части реферала по алгоритму. При неавторизованном пользователе указываем null. [Как сгенерировать user_key?](user-key.md)
+- **BOOK_ID** - идентификатор книги. [Сервис для поиска ID книги](https://biblio-book-checker.vercel.app)
+- **REFERAL_KEY** - авторизационный ключ реферала, выдающийся в личном кабинете
+- **USER_KEY** - авторизационный ключ пользователя реферала, формирующийся в back-end части реферала по алгоритму. При неавторизованном пользователе указываем null. [Как сгенерировать user_key?](user-key.md)