html使用aplayer播放器的问题

我用aplayer播放音乐，在本地的chrome浏览器可以正常播放本地的mp3
文件，但是发给别人之后却播放不了，mp3文件也正常，然后2我本地换其他浏览器也不能播放，只有我本地的chrome浏览器可以正常播放，这是为啥咧？
html中的aplayer代码：

<!-- APlayer播放器 -->
    <div id="aplayer"></div>
    <script src="js/APlayer.min.js"></script>
    <script>
        const ap = new APlayer({
            container: document.getElementById('aplayer'),
            fixed: true,                //是否附着页面底部，否为false
            autoplay: false,             //是否自动播放，否为false,移动端不能生效
            volume: 0.1,                //初始音量（0~1）
            lrcType: 3,                 //歌词模式（1、HTML模式 2、js模式 3、lrc文件模式）
            mutex: true,                //互斥模式：阻止多个播放器同时播放，当前播放器播放时暂停其他播放器
            order: 'random',            //音频循环顺序（'list'：顺序, 'random'：随机）
            preload: 'none',            //预加载（'none'：不预加载, 'metadata'：元数据, 'auto'：自动）
            listFolded: false,          //列表默认折叠，开启为true
            theme: '#ee8243',           //主题颜色
            audio: [{
                name: '春娇与志明',           //歌曲名称
                artist: '街道办',       //歌曲作者
                url: '../src/cjyzm/cjyzm.mp3',         //歌曲源文件地址
                cover: '../src/cjyzm/cover.webp',     //歌曲封面地址
                lrc:  '../src/cjyzm/cjyzm.lrc',        //歌曲的歌词文件
                theme: '#eeeeee'        //主题颜色（优先）
            }]
        });
    </script>

本地的mp3文件：

img