问题标签 [preloadjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1375 浏览

service-worker - PreloadJS 和 Service Worker

我正在尝试将 Service Worker 与 PreloadJS 一起使用。我已经缓存了所需的图像,然后使用该caches.match()函数加载它们。

当我尝试使用 jquery 加载图像时,它工作正常,但是在使用 preloadJS 加载时,它会出现以下错误

“someurl”的 FetchEvent 导致网络错误响应:“不透明”响应用于类型不是 no-cors 的请求

虽然如果我加载任何其他未缓存的图像,PreloadJS 会正确加载该图像。仅当我使用caches.match.

这可能是什么原因?

使用 preloadjs 加载图像

使用 jquery 加载图像

Service Worker 获取事件

我使用 PreloadJS 或 jQuery 加载时的响应对象:

响应 {type: "opaque", url: "", redirected: false, status: 0, ok: false, ...}

0 投票
0 回答
179 浏览

ios - preloadjs getResult(音频)不起作用

我正在尝试使用 preloadjs 加载 mp3 文件。我也使用HTMLAudioPluginin Soundjs,但是当我想获得audiodomas 使用getResult功能时,它在 ios 中不起作用,但在 chrome 中不起作用。

0 投票
0 回答
1099 浏览

reactjs - 在 React 应用程序中使用 PreloadJS 和 SoundJS 来预加载声音

我正在尝试在 React 应用程序中使用 PreloadJS 和 SoundJS 来预加载所有声音,然后从预加载的缓存中播放。

我不知道如何创建 LoadQueue 并将声音加载到一个组件(顶级:)中App.jsx,然后在不同的组件(App.jsx:的子级)中播放它们Board.jsx

预加载器工作正常,但我无法在子组件中播放声音。当我尝试打电话时,createjs.Sound.play()我不断收到createjs.Sound未定义的错误消息。我认为这与我将声音插件安装在一个组件中然后尝试在其他地方访问它的事实有关,但是声音插件似乎附加到 LoadQueue 本身,我不认为我想要组件中有一个新的 LoadQueue Board?我究竟做错了什么?

到目前为止我尝试过但没有奏效的事情:

  1. webpack.config根据this answer中的说明进行修改,这应该createjs在全局上下文中可用
  2. playSound在我的顶级组件(定义 LoadQueue 的地方)中定义一个方法,并将该方法作为道具传递给我想要播放声音的子组件。

asset_loader.js

App.jsx

Board.jsx

错误信息:Uncaught TypeError: Cannot read property 'play' of undefined

0 投票
1 回答
244 浏览

javascript - 如何使用 preloadjs 优先加载资产?

我想使用优先级加载资产。我写了一个抽象类,它将使用优先级处理 preloadjs 队列。

有没有更好的方法来实现这一目标?

0 投票
1 回答
279 浏览

easeljs - EaselJS Spritesheet 和位图 ColorFilterMatrix

我使用带有 JSON 文件的 PreloadJS 为每个精灵单独加载精灵表。现在,我想将 ColorMatrixFilter 应用于 Sprites 或 Spritesheet。

经过一番研究,我从 Lanny http://jsfiddle.net/lannymcnie/NRH5X/找到了这个片段,其中 JSON SpriteSheet 定义在 Javascript 代码中,并且在 SpriteSheet 创建中使用了对 Bitmap cacheCanvas [bmp.cacheCanvas] 的引用.

现在,如果我使用 JSON 文件来定义 SpriteSheet,我无法引用 Bitmap cacheCanvas。如果 SpriteSheet 类有一个可选参数来附加一个过滤器,那就太好了,这样它就必须执行以下操作,而且还支持 JSON 文件加载:

所以这样的事情会起作用:

或者我可以获得 SpriteSheet img 以便我可以使用上述技术使用过滤器重新创建 SpriteSheet?

0 投票
2 回答
232 浏览

css - 删除 CSS 中的预加载元素

我设计了一个基于模板的网页:网站

每当页面加载时,前面都会出现一个可怕的棕色圆圈(透明),它不应该出现。

我的模板服务提供商唯一允许我在代码中包含 CSS。那么,您是否建议任何简单的代码可以取消此元素,使其 100% 透明或将其颜色更改为背景?

我认为它必须与以下内容有关:

最简单的事情有时并不像看起来那么容易。

谢谢!

0 投票
0 回答
272 浏览

javascript - 使用 Preloadjs 加载声音失败,但不调用错误事件

我使用以下代码使用 CreateJS 库加载和播放声音。这可以正常工作,但问题是当无法加载文件时不会调用任何回调,例如服务器上不存在声音(这是一个有效的用例)。

如何更改此代码,以便在加载文件时发生错误时,它会调用我的错误回调函数?

0 投票
1 回答
207 浏览

javascript - PreloadJS 与 Spritesheet:FILE_LOAD_ERROR

我的代码:

用这个json:

我的结构是:

  • 索引.html
  • 图片/ground.json
  • 图像/HauptmenuOhneButtons.png

我收到错误 FILE_LOAD_ERROR。

帮助!

0 投票
1 回答
563 浏览

fonts - preloadjs 用于在画布中预加载字体

我在画布区域中使用 preloadjs 进行字体加载(字体在我的计算机上是本地的),但字体仅在页面刷新后显示。文本位于 my_text 中,字体为以下代码中的“digital-7.ttf”:

这当然是非常恼人的。为什么页面刷新后才显示字体?有什么想法吗?

0 投票
1 回答
1447 浏览

javascript - preloadjs + howler 音频不播放

我正在尝试制作我的第一个网站。我在本地工作,所以如果你需要一个在线网站来调试它,我可以上传它。我想在第一次访问时创建一个预加载部分,其中显示预加载栏/% 进度并在显示页面之前加载所有元素。我正在做网站的音频部分和预加载器。为了完成这部分,我使用 howler.js 进行音频管理,使用 preloadjs.js 进行预加载器部分。我无法解决的问题是在mp3加载的完整功能处启动mp3。下面是我使用的代码。

这是与咆哮的音乐部分。

这是 prealodjs 的预加载器部分。

遵循一些教程和 js 库指南,在嚎叫中我输入了“preload:false”参数。

如果没有预加载部分和“preload: false”参数,音乐部分可以完美运行。通过插入参数和preloader的代码部分,当调用loadComplete()函数时,音乐不启动。(在控制台中,该函数被正确调用。

我真的无法弄清楚问题出在哪里,所以我问你我做错了什么。我认为有一个缺失的部分是从 preloadjs 函数加载的文件与咆哮调用无关,并且在缓存中找不到 mp3 文件。

非常感谢您的帮助。