Skip to content
 
 

Repository files navigation

LiveKit 空间音频

基于 livekit-examples/spatial-audio 的 fork,主要改动:UI 中文化、Next.js 升级到 13.5.6。

示例 GIF

这是一个使用 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:

Deploy with Vercel

更多生产环境部署信息请参考 Next.js 部署文档

素材致谢

本演示使用了以下素材:

他们都是很棒的艺术家,欢迎去看看他们的作品!

Releases

Packages

Contributors

Languages