Настройка
Итак, давайте начнем с настройки основы нашего приложения для телефонной связи на основе WebRTC.
-
Сначала найдите подходящее место в вашей локальной файловой структуре и запустите
mkdir audio_app, а затемcd audio_app, чтобы создать каталог для вашего приложения и войти в него. -
Далее, создайте новое приложение, запустив
yarn init. Следуйте инструкциям, указывая имя, версию, описание и т. д. для вашего проекта. -
Далее, установите необходимые зависимости, используя следующие команды:
Peer будет использоваться для сервера peer, а PeerJS — для доступа к API и фреймворку PeerJS. Ваш
package.jsonдолжен выглядеть примерно так после завершения установки зависимостей:{ "name": "audio_app", "version": "1.0.0", "description": "An audio app using WebRTC", "scripts": { "start": "node server.js", "test": "echo \"Error: no test specified\" && exit 1" }, "keywords": [], "author": "Lola Odelola", "license": "MIT", "dependencies": { "express": "^4.17.1", "peer": "^0.5.3", "peerjs": "^1.3.1" } } -
Для завершения настройки скопируйте следующие файлы HTML и CSS в корень вашей папки проекта. Вы можете назвать оба файла «index», так что HTML-файл будет «index.html», а CSS-файл — «index.css». Вам не нужно будет сильно их изменять в последующих статьях.
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API/Build_a_phone_with_peerjs/Setup