Пам'ятаєте Appear.in? Вперше ми дізналися про цей скандинавський стартап минулого року, і ми були просто завдяки їхньому плагіну і безкоштовному підходу до відео-чату. Ми думали, що це серйозний претендент на діючі проекти відеоконференцій, і ми досі робимо.
Для тих, хто коли-небудь боровся з Cisco WebEx і Skype, пропозиція Appear.in досить переконлива. Щоб почати відеозвонок, все, що вам потрібно, це сучасний веб-браузер, який підтримує WebRTC. Прямо зараз це означає Chrome, Opera і Firefox. Запрошення людей на виклик також легко, оскільки вам надається пряме посилання на вашу кімнату, якою ви можете легко поділитися через чат та електронну пошту.
Appear.in - це більше, ніж просто відеоконференція. У ній використовуються деякі розширені функції Google Hangouts і Skype, такі як спільне використання екрану, завдяки яким люди можуть легко співпрацювати, навчати і усувати неполадки без установки будь-якого додаткового програмного забезпечення або плагінів.
Минулого року Appear.in пройшов шлях від сили до сили. Вони випустили додаток для iPhone, і їх продукт набирає обертів. Тепер вони повернулися з абсолютно новим API для розробників і підтримкою вбудованих сеансів відеоконференцій. Простіше кажучи, тепер можна інтегрувати Appear.in у ваш власний веб-сайт і блог. Але чому це має вас хвилювати?
Випадок для вбудовуваного відео-чату
Враховуючи, що вже досить легко створити кімнату Appear.in і запросити в неї людей, можна пробачити питання, чому хтось може захотіти вбудувати чат в блог або на веб-сайт. Я можу придумати кілька причин.
- Ви - дизайнер веб-сайтів, який хоче, щоб клієнти могли з легкістю спілкуватися, зберігаючи при цьому власний брендинг. (Див. Наші поради для проектувальників.)
- Ви незалежний комп'ютерний інженер, і ви хочете, щоб ваші користувачі отримували прямий доступ до вас, навіть якщо ви подорожуєте без необхідності повідомляти свій номер телефону.
- У вас є літні родичі, які знаходять Skype лякаючим, і ви хочете, щоб вони могли легко з вами зв'язатися.
- Ви блогер, і ви хочете спілкуватися зі своїми читачами за межами коментарів.
Незалежно від вашої мотивації, додати кімнату Appear.in на ваш сайт неймовірно легко. Ось як.
Додавання на веб-сторінку
Додати кімнату Appear.in на веб-сторінку просто. Очевидно, є кілька передумов. По-перше, вам необхідно мати базове розуміння HTML Якщо ви ніколи не писали ні рядки HTML у своєму житті, або просто потребуєте розумового оновлення, ви, можливо, захочете ознайомитися з цією електронною навчальною HTML "
Крім того, вам знадобляться дозволи для редагування відповідного сайту і для завантаження нових сторінок. Нарешті, вам знадобиться текстовий редактор (не текстовий процесор) для редагування файлів HTML. Крос-платформний текстовий редактор - Sublime Text 2, яке ми раніше (і блискуче) розглянули. Якщо ви користувач Mac, я настійно рекомендую Atom, створений людьми, які купили вам Github.
У вашому текстовому редакторі відкрийте сторінку, на яку ви хочете додати кімнату Appear.in. Потім у відповідному місці між тегами body додайте наступний рядок коду:
<iframe src = ""https://appear.in/your-room-name"" frameborder = ""0""> </ iframe>
:
Цей рядок коду - це те, що відомо як iframe, і дозволяє вам вбудовувати веб-сторінку в веб-сторінку. Атрибут «src» цього URL вказує на кімнату, яку будуть використовувати ваші відвідувачі. Ви можете змінити його назву (біт після "/" і перед ") на свій розсуд. Якщо це працює, ви повинні побачити щось на зразок цього.
Атрибути висоти і ширини можна регулювати, щоб вони відповідали естетиці вашого сайту. Отже, якщо ви хочете вбудувати вікно чату шириною 500 пікселів і висотою 300 пікселів, вам просто потрібно набрати щось на зразок наступного.
<iframe src = ""https://appear.in/your-room-name"" frameborder = ""0""> </ iframe>
Додавання до WordPress
Ви навіть можете використовувати Appear.in у своєму блозі WordPress. Як і раніше, все, що вам потрібно зробити, це скопіювати в один рядок коду. Спочатку відкрийте повідомлення, до якого ви бажаєте додати вікно чату. Потім натисніть кнопку перегляду тексту, додавши повідомлення Appear.in до відповідного місця у вашому повідомленні.
Якщо це працює, у вас має бути щось на зразок цього.
Крім того, якщо у вас є якісь проблеми, ви можете завантажити плагін WordPress iframe. Потім ви можете додати свою кімнату для відеоконференцій у свій пост за допомогою наступного шорткоду.
[iframe src = ""https://appear.in/your-room-name""]
JavaScript API
Для просунутих користувачів є API і SDK, які дають вам значно вищий рівень контролю над тим, як Appear.in працює на вашому сайті. Крім створення кімнат для відеоконференцій, це дозволяє перевіряти підтримку WebRTC і створювати кімнати з іменами, які гарантовано будуть унікальними.
Ви можете дізнатися більше про те, як використовувати JavaScript SDK в їх офіційній документації.
Який інструмент відео чату ви використовуєте?
Звичайно, Appear.in - не єдиний сервіс відеоконференцій на ринку. Всі знають чати Skype і Google, і, хоча насправді неможливо вбудувати їх у веб-сторінку, як ви можете з Appear.in, легко зробити себе доступним для інших людей.
Що б ви не використовували, я хочу почути про це. Залиште мені коментар нижче, і ми будемо спілкуватися.