Question

我正在构建一个包含大约20个场景的电子教学应用。它们包含音频和音频同步文本，具有交互式部分和动画。它需要与台式机和平板电脑兼容。

我最初的想法是构建一个Flash版本并将其提供给Internet Explorer以避免一般的I.E. CSS问题。然后为主要浏览器和平板电脑构建备用HTML5版本。

问题：

如何重定向到I.E.没有ActiveX警告消息？我想要一个干净的重定向。
我需要检查64位I.E.那不支持Flash？如果是这样，怎么样？
在HTML5中同步音频和文字的最佳方法是什么？或者只是在视频中完成此操作？
我正在使用AJAX将场景加载到一个shell中。这是个好主意吗？

我知道这很多。我不是在寻找巨大的答案，只是希望能指出正确的方向。

以下是我用来重定向的内容：

function msieversion() {
  var ua = window.navigator.userAgent;
  var msie = ua.indexOf("MSIE ");

if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./))      // If Internet Explorer, return version number
 alert(parseInt(ua.substring(msie + 5, ua.indexOf(".", msie))));
else    // If another browser, return 0
 alert('otherbrowser');

return false;

}

谢谢，

E

Answer 1

...构建一个Flash版本并将其提供给Internet Explorer以避免一般的I.E. CSS问题。然后为主要浏览器和平板电脑构建备用HTML5版本。

构建两个版本（Flash和HTML5）是一个非常非常糟糕的主意。它会使你的工作翻倍，并使你的工资减少一半。你应该构建一个适用于所有浏览器的HTML版本，今天并不难。根据您的描述和我多年的电子学习经验，您的内容可以轻松地在IE8 +和现代浏览器中使用。您需要在IE8中为HTML5音频提供Flash后备（见下文）。

如何重定向到I.E.没有ActiveX警告消息？

就SO问一个单独的问题。如果可能的话，一个好主意是在加载HTML之前进行服务器端重定向。

我需要检查64位I.E.那不支持Flash？如果是这样，怎么样？

据我所知，您可以在Windows 7上的64位Internet Explorer上安装Flash Player 11（证明：https://helpx.adobe.com/flash-player/kb/flash-player-64-bit-operating.html）。此外，您应该始终检查是否支持Flash，而不是特定浏览器，因为即使在您认为是Flash友好的浏览器中，也有一百万种方法可以禁用Flash。最后，问一个关于SO的单独问题。

在HTML5中同步音频和文字的最佳方式是什么？

使用任何HTML5媒体播放器，其中有很多。我最喜欢的是mediaelement.js。它允许您从播放头触发JS事件（如，在播放头达到01：22秒时运行函数showThisOrThat（）），无论媒体是通过HTML5还是Flash播放。

如果你需要一个擦洗器（例如，学习者可以跳到媒体文件中的任何一点，幻灯片也应该跳转到那个状态），我建议你也看看GSAP。

我使用AJAX将场景加载到一个shell中。这是个好主意吗？

这是在SO上被禁止的那种问题，所以请允许我忽略它。

构建在线学习应用程序的最佳方式

1 个答案: