javascript - 网络 worker : A solution for stutter-free Youtube video?

Question

我目前已经完成了一个可以播放 Youtube 视频的网络应用程序。当我的应用程序(使用 jQuery UI)接受表单输入或实现元素操作(用户或动态触发)。然而，当 Youtube 向我的应用程序强制输入 Flash 视频时，每当有表单输入、DOM 操作或光标在 UI 上快速移动时，Flash 视频都会出现断断续续、咳嗽、打嗝和暂停的情况(无论 CPU 级别如何。音频都可以)直到 GUI 操作停止。

我的客户端 Web 应用程序是使用 Javascript 和 jQuery 2.10 构建的，并通过 Youtube 的 Data API v3 访问 Youtube 视频。

问题:无论 Youtube 目前通过其数据 API(版本3)？

问题:如果 Web Workers 不能帮助我，我可以在客户端实现什么(除了避免使用 Youtube Flash 视频)来解决这个困境？

任何明智的提示/解决方案将不胜感激。谢谢。

Answer 1

Web Workers 在这里不会有太大帮助(对于处理任何与 UI 相关的事情)。

https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers

Web Workers 的全局作用域与窗口是分开的，因此您无法从 Worker 内部访问 DOM。

您可能需要考虑为加载状态创建一个变量切换，并且仅在当前未加载时允许 GUI 事件。否则，除了优化 JavaScript 之外，我不太确定你可以对第二个问题做什么。

编辑:就在工作线程中加载视频而言，您可以通过发出 XMLHttpRequest 并获取数据，然后将数据分块发送到主线程一次来实现你缓冲它一些。查看这篇文章了解更多信息:http://techslides.com/html5-web-workers-for-ajax-requests