skyrtcをnodejsの下にインストールします-フロントエンドQ&A-php.cn

skyrtcをnodejsの下にインストールします

WBOY

リリース： 2023-05-14 11:16:37

オリジナル

668 人が閲覧しました

SkyRTC は、Node.js と WebRTC をベースとしたオープンソースのリアルタイム通信フレームワークで、ビデオ、オーディオ、データ通信機能を提供し、リアルタイム伝送を簡単に実現でき、スケーラブルで高度なカスタマイズが可能です。この記事ではNode.js環境にSkyRTCをインストールする方法を紹介します。

1. Node.js をインストールする

SkyRTC のインストールを開始する前に、まず Node.js をインストールする必要があります。 Node.js は、公式 Web サイト (https://nodejs.org/en/download/) からダウンロードしてインストールできます。

インストールが完了したら、コマンドラインで node -v コマンドを実行して、インストールが成功したかどうかを確認できます。インストールが成功すると、Node.js のバージョン番号が表示されます。

2. SkyRTC のインストール

新しいプロジェクトの作成

まず、新しいプロジェクトフォルダーを作成する必要があります。

コマンドラインから次のコマンドを使用します。

mkdir skyrtc-demo
cd skyrtc-demo

ログイン後にコピー

SkyRTC のインストール

作成したプロジェクトフォルダーに SkyRTC をインストールします。

次のコマンドを使用します:

npm install skyrtc --save

ログイン後にコピー

このコマンドは、npm ライブラリから SkyRTC をインストールし、「skyrtc」の依存関係をプロジェクトに追加します。

サンプルコードを作成します

server.js というファイルを作成し、次のコードを入力します:

const SkyRTC = require('skyrtc')

const server = new SkyRTC()

server.listen(3000)

ログイン後にコピー

この単純なプログラムは SkyRTC サーバーを作成して実行します。ポート3000で。

サンプルプログラムの実行

コマンドラインで次のコマンドを使用してサンプルプログラムを実行します:

node server.js

ログイン後にコピー

SkyRTC サーバーが起動してリッスンします。ポート 3000 上。これで、クライアントコードの記述を開始できます。

3. クライアントコードの作成

SkyRTC は WebRTC テクノロジをサポートしているため、クライアント上のブラウザを使用して実装する必要があります。

HTML ページの作成

index.html という名前のファイルを作成し、次のコードを入力します:

<!DOCTYPE html>
<html>
  <head>
    <title>SkyRTC Demo</title>
  </head>
  <body>
    <video id="remoteVideo" autoplay></video>
    <video id="localVideo" autoplay muted></video>
    <script src="/skyrtc.js"></script>
    <script>
      const socket = io.connect()

      const rtc = SkyRTC()

      rtc.on('stream_added', function (stream, socketId) {
        const remoteVideo = document.getElementById('remoteVideo')
        remoteVideo.srcObject = stream
      })

      rtc.getLocalStream(function (stream) {
        const localVideo = document.getElementById('localVideo')
        localVideo.srcObject = stream

        rtc.attachStream(stream, 'localVideo')
      })

      rtc.on('ready', function (socket) {
        rtc.createRoom('room1', function (err, room) {
          if (!err) {
            console.log('Room created:', room)

            rtc.joinRoom(room.roomToken, function (err, people) {
              if (!err) {
                console.log('People:', people)
              }
            })
          }
        })
      })
    </script>
  </body>
</html>

ログイン後にコピー

この単純なページは、によって提供される JavaScript ライブラリを使用します。スカイRTC。 HTML ページには、ローカルビデオとリモートビデオをそれぞれ表示するために使用される 2 つのビデオ要素が含まれています。

JavaScript ファイルの作成

同じディレクトリに main.js という名前のファイルを作成し、次のコードを入力します。

const express = require('express')
const app = express()

const http = require('http')
const server = http.createServer(app)

const io = require('socket.io').listen(server)

app.get('/', function (req, res) {
  res.sendFile(__dirname + '/index.html')
})

app.use(express.static(__dirname + '/public'))

const SkyRTC = require('skyrtc')
const skyrtcServer = new SkyRTC(io)

server.listen(3000, function () {
  console.log('Server running on port 3000')
})

ログイン後にコピー

このコードは Expressアプリケーションが作成され、ポート 3000 で実行されます。また、Socket.io ライブラリを使用して WebSocket サーバーを作成し、SkyRTC サーバーに接続します。

サンプルの実行

次のコマンドを使用して、コマンドラインからサンプルを実行します:

node main.js

ログイン後にコピー

SkyRTC サーバーが起動し、ポート 3000 で実行されます。。ブラウザで http://localhost:3000 を開いて、SkyRTC サンプルにアクセスできるようになりました。

4. 概要

SkyRTC は、Node.js と WebRTC をベースとしたオープンソースのリアルタイム通信フレームワークであり、リアルタイム伝送を簡単に実現でき、スケーラブルで高度なカスタマイズが可能です。この記事では、Node.js 環境に SkyRTC をインストールする方法と、SkyRTC を使用してビデオ通信の基本機能を実装するための簡単なサンプルプログラムを作成する方法を紹介します。 SkyRTC フレームワークの使用方法について詳しく知りたい場合は、公式ドキュメントとサンプルプログラムを確認してください。

以上がskyrtcをnodejsの下にインストールしますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。