GSAP + AdHelper 模板导致“未定义 lib”答案

【问题标题】：GSAP + AdHelper Template results in 'lib is not defined'GSAP + AdHelper 模板导致“未定义 lib”
【发布时间】：2019-02-14 12:11:04
【问题描述】：

使用 GSAP Templates for Animate CC 2017 时，在 Animate CC 2017.5 中发布和测试广告素材时，Chrome 的控制台选项卡中出现错误：

Uncaught ReferenceError: lib is not defined
at e.t.timeSync (GSAP_AdStarter_2017.html?20878:169)
at handleComplete (GSAP_AdStarter_2017.html?20878:131)
at init (GSAP_AdStarter_2017.html?20878:63)
at onload (GSAP_AdStarter_2017.html?20878:155)

这是在尝试发布 GSAP_AdStarter_2017.fla 文件而不做任何更改时；只需打开文件并使用 Control > Test (Ctrl/CMD+Enter)。

我尝试解决的一些问题：

与我们的内部 JS 开发人员交谈，但他们无法解决问题。不幸的是，他们并不精通 Animate CC。
使用其他版本的 Animate CC，直至并包括 Animate CC 2019。
在不同的 (PC) 计算机上测试文件。结果是一样的。
在 Firefox 中打开已发布的 HTML 文件。结果是一样的。

还应注意，HTML5 广告素材在尝试自己发布之前可以正常打开。

我使用此模板的总体目标是尝试找到影响 HTML5 广告素材的问题的解决方案。问题是所有 HTML5 广告素材在 iDevice 和 Safari（桌面）上以大约 50% 的预期帧速率运行，直到用户与广告素材交互（即点击它）。我相信使用 gskinner 的 AdHelper 库中的 Timesync 函数可以解决这个问题，但在我能够获得一个正常工作的广告之前，我无法确定！

我很惊讶我所描述的上述问题并没有被更多人问到，更令我惊讶的是，我找不到任何可靠的主题来说明为什么 Apple 似乎会限制 iDevices 上的 HTML5 Canvas 内容。这无疑给许多 HTML5 创意设计师和动画师带来了痛苦，尤其是那些技术不熟练的人。

非常感谢任何帮助，如果需要，我会发布任何其他信息。

这是我正在使用的模板的direct download link。

【问题讨论】：

标签： javascript jquery-animate gsap

【解决方案1】：

在 Animate CC 的未来更新中（自 2017 年起），他们在 init() 函数内创建了 lib 变量，使该变量无法用于文档底部的 adhelper 代码。

解决方案是将lib 变量移动到打开脚本标记之后，在init() 函数的外部。

如果您使用 adhelper 模板文件，请将命令 $CREATE_LOADER 移动到开始脚本标记后提到的位置。然后一切都应该再次正常工作。

注意，不要使用 GSAP 3。Adhelper 是为 GSAP 2 或更低版本编写的。

【讨论】：