38 | )
39 | }
40 |
41 | export default ConnectionSettings
42 |
--------------------------------------------------------------------------------
/src/types.d.ts:
--------------------------------------------------------------------------------
1 | export type Direction = 'sendrecv' | 'recvonly' | 'sendonly'
2 |
3 | /** 音声の設定 */
4 | export interface ConnectionAudioOption {
5 | /** コーデックの MIME type */
6 | codecMimeType?: string
7 | /** 送受信方向 */
8 | direction: Direction
9 | /** 有効かどうかのフラグ */
10 | enabled: boolean
11 | }
12 |
13 | /** 映像の設定 */
14 | export interface ConnectionVideoOption {
15 | /** コーデックの MIME type */
16 | codecMimeType?: string
17 | /** 送受信方向 */
18 | direction: Direction
19 | /** 有効かどうかのフラグ */
20 | enabled: boolean
21 | }
22 |
23 | /** 接続時に指定するオプション */
24 | export interface ConnectionOptions {
25 | /** オーディオの設定 */
26 | audio: ConnectionAudioOption
27 | /** ビデオの設定 */
28 | video: ConnectionVideoOption
29 | /** クライアントID */
30 | clientId: string
31 | /** ayame server から iceServers が返って来なかった場合に使われる iceServer の情報 */
32 | iceServers: RTCIceServer[]
33 | /** 送信するシグナリングキー */
34 | signalingKey?: string
35 | /** standalone モードの場合は true */
36 | standalone?: boolean
37 | }
38 |
39 | /** 接続時に指定できるメタデータ */
40 | export interface MetadataOption {
41 | /** 送信するメタデータ */
42 | authnMetadata?: any
43 | }
44 |
--------------------------------------------------------------------------------
/vite.config.mjs:
--------------------------------------------------------------------------------
1 | import { resolve } from 'node:path'
2 | import { defineConfig } from 'vite'
3 | import dts from 'vite-plugin-dts'
4 | import pkg from './package.json'
5 |
6 | const banner = `/**
7 | * ${pkg.name}
8 | * ${pkg.description}
9 | * @version: ${pkg.version}
10 | * @author: ${pkg.author}
11 | * @license: ${pkg.license}
12 | **/
13 | `
14 | export default defineConfig({
15 | define: {
16 | __AYAME_WEB_SDK_VERSION__: JSON.stringify(pkg.version),
17 | },
18 | root: resolve(__dirname, './'),
19 | build: {
20 | minify: 'esbuild',
21 | target: 'es2022',
22 | emptyOutDir: true,
23 | manifest: true,
24 | outDir: resolve(__dirname, './dist'),
25 | lib: {
26 | entry: resolve(__dirname, 'src/ayame.ts'),
27 | name: 'Ayame',
28 | formats: ['es'],
29 | fileName: 'ayame',
30 | },
31 | rollupOptions: {
32 | output: {
33 | // 本来不要なはず
34 | entryFileNames: 'ayame.mjs',
35 | banner: banner,
36 | },
37 | },
38 | },
39 | envDir: resolve(__dirname, './'),
40 | plugins: [
41 | dts({
42 | include: ['src/**/*'],
43 | copyDtsFiles: true,
44 | }),
45 | ],
46 | })
47 |
--------------------------------------------------------------------------------
/playwright.config.mts:
--------------------------------------------------------------------------------
1 | import process from 'node:process'
2 | import { defineConfig, devices } from '@playwright/test'
3 |
4 | export default defineConfig({
5 | workers: 1,
6 | testDir: 'tests',
7 | // fullyParallel: true,
8 | reporter: 'html',
9 | use: {
10 | launchOptions: {
11 | args: [
12 | // CORS 無効
13 | '--disable-web-security',
14 | '--disable-features=IsolateOrigins,site-per-process',
15 |
16 | '--use-fake-ui-for-media-stream',
17 | '--use-fake-device-for-media-stream',
18 | // "--use-file-for-fake-video-capture=/app/sample.mjpeg",
19 | ],
20 | },
21 | },
22 | projects: [
23 | {
24 | name: 'chromium',
25 | use: { ...devices['Desktop Chrome'] },
26 | },
27 |
28 | // {
29 | // name: 'firefox',
30 | // use: { ...devices['Desktop Firefox'] },
31 | // },
32 |
33 | // {
34 | // name: 'webkit',
35 | // use: { ...devices['Desktop Safari'] },
36 | // },
37 | ],
38 | webServer: {
39 | command: 'pnpm run dev --port 9000',
40 | url: 'http://localhost:9000/',
41 | reuseExistingServer: !process.env.CI,
42 | stdout: 'pipe',
43 | stderr: 'pipe',
44 | },
45 | })
46 |
--------------------------------------------------------------------------------
/devtools/src/components/DisconnectButton.tsx:
--------------------------------------------------------------------------------
1 | import type React from 'react'
2 | import { useStore } from '../store/useStore'
3 |
4 | const DisconnectButton: React.FC = () => {
5 | const ayameConnection = useStore((state) => state.ayame.connection)
6 |
7 | const localMediaStream = useStore((state) => state.mediaStream.local)
8 |
9 | const setAyameConnection = useStore((state) => state.setAyameConnection)
10 | const setLocalMediaStream = useStore((state) => state.setLocalMediaStream)
11 | const setRemoteMediaStream = useStore((state) => state.setRemoteMediaStream)
12 |
13 | const handleClick = async () => {
14 | if (!ayameConnection) {
15 | return
16 | }
17 |
18 | if (localMediaStream) {
19 | for (const track of localMediaStream.getTracks()) {
20 | track.stop()
21 | }
22 | }
23 |
24 | await ayameConnection.disconnect()
25 |
26 | setLocalMediaStream(null)
27 | setRemoteMediaStream(null)
28 |
29 | // ayameConnection を null にする
30 | setAyameConnection(null)
31 | }
32 |
33 | return (
34 |