Firefox嵌入本地FLAC文件时报无效URI错误，求解决方案

• 检查文件大小：DataURL存在浏览器长度限制（不同浏览器上限不同，通常几MB级别），若目标FLAC文件过大，转换后的DataURL会超出限制导致无效。可通过file.size查看文件体积，对比浏览器DataURL上限。
• 验证文件元数据：部分FLAC的异常元数据（如格式错误的VorbisComment、ID3标签）会导致FileReader解析DataURL出错，而播放器具备更强容错性。可使用工具移除元数据（如ffmpeg -i 原文件.flac -map_metadata -1 测试文件.flac）后重新测试预览。
• 捕获FileReader读取错误：添加错误监听排查读取过程是否存在异常，代码示例：

const reader = new FileReader();
reader.onerror = e => console.error('读取错误:', e.target.error);
reader.onload = () => video.src = reader.result;
reader.readAsDataURL(file);

• 替换为Blob URL方案：DataURL的base64编码存在体积和长度缺陷，改用URL.createObjectURL()生成Blob URL直接赋值给video.src，绕过编码问题，代码示例：

video.src = URL.createObjectURL(file);
// 播放结束后释放资源
video.addEventListener('ended', () => URL.revokeObjectURL(video.src));

• 检查MIME类型识别：确认DataURL开头是否为data:audio/flac;base64,...，若浏览器错误识别MIME类型，会导致URI无效。可尝试手动指定MIME类型（虽readAsDataURL自动识别，但可通过new Blob([file], {type: 'audio/flac'})重新包装后再生成URL测试）。
• 校验文件完整性：使用FLAC官方校验工具（如flac -t 目标文件.flac）检查文件是否存在细微损坏，播放器的容错机制可能忽略此类问题，但FileReader解析时会触发错误。

内容的提问来源于stack exchange，提问作者madprops