ajax - 建立电子学习应用程序的最佳方法

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;

}

谢谢，

Ë

Answer 1

1. ...build a Flash version and serve it to Internet Explorer to avoid general I.E. CSS issues. Then build an alternate HTML5 version for the major browsers and tablets.

构建两个版本(Flash和HTML5)是一个非常非常糟糕的主意。它使您的工作加倍，工资减半。您应该构建一个可在所有浏览器上使用的HTML版本，今天并不难。根据您的描述以及我多年的在线学习经验，您的内容将可以轻松地在IE8 +和现代浏览器中运行。但是，在IE8中，您将需要Flash后备用于HTML5音频(请参见下文)。

1. How do I redirect to I.E. without the ActiveX warning messages?

问一个关于SO的单独问题。最好是在可能的情况下甚至在加载HTML之前进行服务器端重定向。

2. Do I need to check for 64 bit I.E. that doesn't support Flash? If so, how?

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

3. What's the best way to sync audio and text in HTML5?

使用任何HTML5媒体播放器，都有很多。我最喜欢的是mediaelement.js。它允许您从播放头触发JS事件(例如，当播放头达到01:22sec时，运行功能showThisOrThat())，而不管媒体是通过HTML5还是Flash播放。

如果需要洗涤器(例如，学习者可以跳至媒体文件中的任何位置，并且幻灯片也应跳至该状态)，我建议您也研究一下GSAP。

4. I'm using AJAX to load scenes into one shell. Is this a good idea?

这种问题被禁止在SO中使用，所以让我忽略它。