HTML5 Canvas 和音频跨浏览器兼容性

Question

背景

我正在制作一个 Canvas 游戏，它假设用户正在使用具有 native Canvas 支持的浏览器(没有 IE < 9 脚本或类似脚本)。如果用户没有最新版本的浏览器，则会向用户显示一条消息，其中包含下载最新版本浏览器的链接。这通过 内容中的消息显示如下:

< Canvas >
错误信息(升级...更安全、更快、更好...免费...
...玩这个很棒的游戏...getfirefox.com)


问题

假设任何支持 标签的浏览器也支持

Answer 1

支持 <canvas> 的浏览器但不是 <audio> (根据 When can I use... ):

Safari 3.2

Opera Mini 5.0-6.0

Opera 手机 10

安卓浏览器2.1-2.2

替代方法

使用 JavaScript 检测特征:

<audio> : return !!document.createElement('audio').canPlayType;

<canvas> : return !!document.createElement('canvas').getContext;

并相应地显示消息。

见 The All-In-One Almost-Alphabetical No-Bullshit Guide To Detecting Everything完整列表。如果您想要一个用于 HTML5 特征检测的一体化库，请尝试 Modernizr .