Web SDK for WebRTC Signaling Server Ayame
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 をお読みください。
- Chrome と Edge 124 以降ではコーデック指定が正常に動作しません
最新版を利用してください
- Google Chrome
- Apple Safari
- Mozilla Firefox
- Microsoft Edge
OpenAyame/ayame-web-sdk-samples にサンプルコードを用意しています。
API ドキュメントは以下の URL を参照してください。
https://openayame.github.io/ayame-web-sdk/index.html
以下のURL を
<script src="https://unpkg.com/@open-ayame/[email protected]/dist/ayame.min.js"></script>のように指定すると、npm などを経由せず簡単に Ayame を利用することができます。
https://unpkg.com/@open-ayame/[email protected]/dist/ayame.min.js
https://cdn.jsdelivr.net/npm/@open-ayame/[email protected]/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();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();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();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-2024, 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.