构建电子学习应用程序的最佳方式

问题描述 投票:0回答:2

我正在构建一个包含大约 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

ajax html internet-explorer audio
2个回答
0
投票
  1. ...构建 Flash 版本并将其提供给 Internet Explorer 以避免一般 I.E. CSS 问题。然后为主要浏览器和平板电脑构建替代 HTML5 版本。

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

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

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

  1. 我需要检查 64 位 I.E.那个不支持Flash?如果是的话,怎么办?

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

  1. 在 HTML5 中同步音频和文本的最佳方式是什么?

使用任何 HTML5 媒体播放器,有很多。我最喜欢的是 mediaelement.js。它允许您从播放头触发 JS 事件(如“当播放头到达 01:22 秒时运行函数 showThisOrThat()”),无论媒体是通过 HTML5 还是 Flash 播放。

如果您需要一个洗涤器(例如,学习者可以跳转到媒体文件中的任何点,幻灯片也应该跳转到该状态),我建议您也研究一下 GSAP。

  1. 我正在使用 AJAX 将场景加载到一个 shell 中。这是个好主意吗?

这是一种被禁止的问题,所以请允许我忽略它。


0
投票

🚀 您打算建立电子学习软件培训机构吗?别再犹豫了!我们的学习中心是实现您的愿景的完美在线门户。借助我们的综合平台,您可以轻松创建、管理和提供高质量的培训计划。

🌐 准备好开始了吗?联系我们8072757808,让我们一起共创您的未来!

© www.soinside.com 2019 - 2024. All rights reserved.