网页端FLAC音乐无声问题排查指南
有用户反馈，在网站后台上传了一段FLAC格式的音乐文件，本地播放器打开一切正常，但放到网页上点击播放后既没有声音，进度条也纹丝不动。遇到这种情况，很多人的第一反应是文件损坏了，于是重新导出、重新上传，反复折腾几轮仍然无效。实际上，FLAC在网页端无声，多数时候并不是音频本身出了问题，而是浏览器的解码能力与文件封装方式没有匹配上。排查这类问题，可以按三个层次逐级核对。
第一层：先看容器格式与服务器返回的MIME类型
FLAC常见的封装有两种：一种是原生FLAC封装，文件扩展名通常为flac；另一种是封装在Ogg容器里，扩展名多为oga或ogg。这两种封装在浏览器眼里并不是一回事。维护时可以先打开开发者工具的网络面板，查看该音频请求的响应头Content-Type。如果服务器把FLAC文件返回成application/octet-stream或者text/plain，浏览器很可能不会把它当作音频资源处理，播放器自然拿不到可解码的数据。正确的做法是让服务器对flac扩展名返回audio/flac，对oga返回audio/ogg。这一步不需要改文件，只改配置，却经常是无声的直接原因。
第二层：核对浏览器对FLAC的解码支持范围
不同浏览器、不同版本对FLAC的支持并不一致，尤其是较旧的移动端浏览器和部分定制内核。可以在控制台用canPlayType方法做初步判断，分别测试audio/flac和audio/ogg; codecs=”flac”两种写法，看返回值是probably、maybe还是空字符串。空字符串基本意味着当前环境不支持。但canPlayType只是声明层面的判断，不能完全代表实际解码能力，所以还要做一次实测：把音频加载进audio元素，监听loadedmetadata和error事件，确认时长、声道数能否读出，再尝试播放几秒观察是否有声音输出。声明支持但实际解码失败的情况并不少见，实测比声明更可靠。
第三层：检查回退链路是否完整
即便确认了当前浏览器不支持FLAC，也不应该让用户面对一个静默的播放器。可行的做法有三步：一是对上传的FLAC做转码，生成一份AAC或MP3的通用版本，作为主播放源；二是在audio标签内用多个source元素按优先级排列，让浏览器自行选择能播放的格式；三是监听error事件，在全部音源都失败时给出明确提示，而不是让页面停在无响应状态。转码时注意保留原始文件，通用版本只作为播放用途，避免反复有损转码。
上传前自检清单
为了方便日常维护，可以整理一份上传前自检清单：确认采样率是否在常见范围内，如44.1kHz或48kHz；确认位深是16位还是24位，部分环境对高位深支持有限；确认声道数是单声道还是立体声，多声道文件在网页端兼容性更差；确认单个文件大小是否超过后台上传上限，过大文件容易在上传环节被截断。四项都过一遍，能挡掉相当一部分问题。
把音频格式核对纳入网站维护的交付检查，是it数运在处理此类问题时的常规做法：上传接口、返回头、播放器回退三层一起看，而不是只盯着文件本身。具体支持范围仍应以各浏览器官方文档的最新说明为准，遇到跨端差异时以实测结果作为判断依据。
