请帮忙为什么我的JavaScript中没有音频？

我的JS有一些音频问题。当我添加play.addEventListener（“单击”，（）=>{ 歌曲。游戏（）； }); 当我按下播放按钮时，我正在命令播放歌曲，但它不起作用。音频工作完全正常，控制台中没有语法错误。我正在遵循DevEd关于如何制作冥想应用程序的教程，当他这样做时，音频效果很好。我已经贴了很多这个问题，但仍然没有有用的答案

冥想应用程序
*{
保证金：0；
填充：0；
框大小：边框框；
}
.app{
高度：100vh；
显示器：flex；
对正内容：空间均匀；
对齐项目：居中；
}
.时间选择、.声音选择器、.播放器容器{
身高：80%；
弹性：1；
显示器：flex；
弯曲方向：立柱；
对正内容：空间均匀；
对齐项目：居中；
}
.播放器容器{
位置：相对位置；
}
.player容器svg{
位置：绝对位置；
身高：50%；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
指针事件：无；
}
.时间显示{
位置：绝对位置；
底部：10%；
颜色：白色；
字体大小：50px；
}
录像带{
位置：固定；
最高：0%；
左：0%；
宽度：100%；
z指数：-10；
}
.时间选择按钮，
.声音选择器按钮{
颜色：白色；
宽度：30%；
身高：10%；
背景：无；
边框：2倍纯白；
光标：指针；
边界半径：5px；
字体大小：20px；
过渡：所有0.5s缓解；
}
.时间选择按钮：悬停{
颜色：黑色；
背景：白色；
}
.声音选择器按钮{
边界：无；
高度：120px；
宽度：120px；
边界半径：50%；
}
.声音选择器按钮：第n个子项（1）{
背景#4972a1；
}
.声音选择器按钮：第n个子（2）{
背景：#a14f49；
}
2分钟
5分钟
10分钟
0:00
常量应用=（）=>{
const song=document.querySelector（“.song”）；
const play=document.querySelector（“.play”）；
const outline=document.querySelector（“.moving outline circle”）；
const video=document.querySelector（“.vid container video”）；
//听起来
const sounds=document.queryselectoral（“.sound picker按钮”）；
//时间显示器
const timeDisplay=document.querySelector（“.time display”）；
//获取外部的长度
const outlineLength=outline.getTotalLength（）；
//持续时间
设假持续时间=600；
outline.style.strokeDasharray=outlineLength；
outline.style.strokeDashoffset=大纲线长度；
//播放声音
play.addEventListener（“单击”，（）=>{
歌曲。游戏（）；
});
};  
app（）；

将click事件侦听器附加到playbutton svg元素的父div元素

const play = document.querySelector(".player-container");

而不是

const play = document.querySelector(".play");

冥想应用程序
*{
保证金：0；
填充：0；
框大小：边框框；
}
.app{
高度：100vh；
显示器：flex；
对正内容：空间均匀；
对齐项目：居中；
}
.时间选择、.声音选择器、.播放器容器{
身高：80%；
弹性：1；
显示器：flex；
弯曲方向：立柱；
对正内容：空间均匀；
对齐项目：居中；
}
.播放器容器{
位置：相对位置；
}
.player容器svg{
位置：绝对位置；
身高：50%；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
指针事件：无；
}
.时间显示{
位置：绝对位置；
底部：10%；
颜色：白色；
字体大小：50px；
}
录像带{
位置：固定；
最高：0%；
左：0%；
宽度：100%；
z指数：-10；
}
.时间选择按钮，
.声音选择器按钮{
颜色：白色；
宽度：30%；
身高：10%；
背景：无；
边框：2倍纯白；
光标：指针；
边界半径：5px；
字体大小：20px；
过渡：所有0.5s缓解；
}
.时间选择按钮：悬停{
颜色：黑色；
背景：白色；
}
.声音选择器按钮{
边界：无；
高度：120px；
宽度：120px；
边界半径：50%；
}
.声音选择器按钮：第n个子项（1）{
背景#4972a1；
}
.声音选择器按钮：第n个子（2）{
背景：#a14f49；
}
2分钟
5分钟
10分钟
0:00
常量应用=（）=>{
const song=document.querySelector（“.song”）；
const play=document.querySelector（“.player容器”）；
const outline=document.querySelector（“.moving outline circle”）；
const video=document.querySe