ayame-web-sdk
Web SDK for WebRTC Signaling Server Ayame
About Shiguredo's open source software
We will not respond to PRs or issues that have not been discussed on Discord. Also, Discord is only available in Japanese.
Please read https://github.com/shiguredo/oss before use.
時雨堂のオープンソースソフトウェアについて
利用前に https://github.com/shiguredo/oss をお読みください。
動作環境
最新版を利用してください
- Google Chrome
- Apple Safari
- Mozilla Firefox
- Microsoft Edge
サンプル
OpenAyame/ayame-web-sdk-samples にサンプルコードを用意しています。
API ドキュメント
API ドキュメントは以下の URL を参照してください。
https://openayame.github.io/ayame-web-sdk/index.html
CDN で利用する
以下のURL を
<script src="https://unpkg.com/@open-ayame/ayame-web-sdk@2020.2.1/dist/ayame.min.js"></script>
のように指定すると、npm などを経由せず簡単に Ayame を利用することができます。
unpkg
https://unpkg.com/@open-ayame/ayame-web-sdk@2020.3/dist/ayame.min.js
jsdelivr
https://cdn.jsdelivr.net/npm/@open-ayame/ayame-web-sdk@2020.3/dist/ayame.min.js
双方向送受信接続する
const conn = Ayame.connection('wss://example.com/ws', 'test-room');
const startConn = async () => {
const mediaStream = await navigator.mediaDevices.getUserMedia({audio: true, video: true});
await conn.connect(mediaStream);
conn.on('disconnect', (e) => console.log(e));
conn.on('addstream', (e) => {
document.querySelector('#remote-video').srcObject = e.stream;
});
document.querySelector('#local-video').srcObject = mediaStream;
};
startConn();送信のみ(sendonly) で接続する
const conn = Ayame.connection('wss://example.com/ws', 'test-room');
conn.options.video.direction = 'sendonly';
conn.options.audio.direction = 'sendonly';
const startConn = async () => {
const mediaStream = await navigator.mediaDevices.getUserMedia({audio: true, video: true});
await conn.connect(mediaStream);
conn.on('disconnect', (e) => console.log(e));
conn.on('addstream', (e) => {
document.querySelector('#remote-video').srcObject = e.stream;
});
document.querySelector('#local-video').srcObject = mediaStream;
};
startConn();受信のみ(recvonly) で接続する
const conn = Ayame.connection('wss://example.com/ws', 'test-room');
conn.options.video.direction = 'recvonly';
conn.options.audio.direction = 'recvonly';
const startConn = async () => {
await conn.connect(null);
conn.on('disconnect', (e) => console.log(e));
conn.on('addstream', (e) => {
document.querySelector('#remote-video').srcObject = e.stream;
});
};
startConn();datachannel でデータを送受信する
let dataChannel = null;
const startConn = async () => {
const conn = Ayame.connection('wss://example.com/ws', 'test-room');
conn.on('open', async (e) => {
dataChannel = await conn.createDataChannel('dataChannel');
dataChannel.onmessage = (e) => {
console.log('data received: ', e.data);
};
});
await conn.connect(null);
};
startConn();
const sendData = (data) => {
dataChannel.send(data);
};ライセンス
Apache License 2.0
Copyright 2019-2021, Shiguredo Inc.
Copyright 2019, Kyoko Kadowaki aka kdxu (Original Author)
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.