基于 livekit-examples/spatial-audio 的 fork,主要改动:UI 中文化、Next.js 升级到 13.5.6。
这是一个使用 LiveKit 实现空间音频的演示。用户加入一个 2D 小世界,根据彼此的位置和距离以立体声听到对方的音频。
你可以在这里体验在线演示:https://spatial-audio-demo.livekit.io/
克隆仓库并安装依赖:
git clone git@github.com:AliangHam/spatial-audio.git
cd spatial-audio
npm install在 http://cloud.livekit.io 创建一个新的 LiveKit 项目,然后在项目设置中创建一个新的密钥。
在 spatial-audio/.env.development 创建新文件,添加你的 API 密钥、Secret 以及项目的 WebSocket URL(在 http://cloud.livekit.io 页面顶部可以找到):
LIVEKIT_API_KEY=<你的 API 密钥>
LIVEKIT_API_SECRET=<你的 API Secret>
LIVEKIT_WS_URL=wss://<你的项目>.livekit.cloud
(注意:此文件已在 .gitignore 中,请勿将 API Secret 提交到 git。)
然后启动开发服务器:
npm run dev在浏览器中打开 http://localhost:3000 即可测试。
这是一个 Next.js 应用,你可以一键部署到 Vercel:
更多生产环境部署信息请参考 Next.js 部署文档。
本演示使用了以下素材:
- Field of Green 和音箱精灵图由 GuttyKreum 制作
- Dino Characters 由 Arks 制作
他们都是很棒的艺术家,欢迎去看看他们的作品!
