Skip to content

Problem with preloading of PNG files on the Android 4.0 - 4.3 default browser (preloadjs-0.6.0.min.js) #106

Open
@Vlad-UA

Description

@Vlad-UA

Dear developers of CreateJS,

Could you help me to solve problem with preloading of PNG files on the mobile devices with Android 4.0 - 4.3 default browser (preloadjs-0.6.0.min.js), please?

DESCRIPTION of the problem:
the script stops exicution on loading of PNG file (stop on 75% in the current example)

URL for test: http://townden.com/html5/a4/v4.html
Source code of example you can find below of this description.

PROBLEM on:
Android 4.0 emulator, video https://saucelabs.com/tests/420e36576f4c4a2f84000568478b472f
Android 4.1 emulator, video https://saucelabs.com/tests/2d882a217dba42779a9ff0f3e8372cc5
Android 4.1 emulator in the browserstack.com
Android 4.1.2 real device (standard browser)
Android 4.2 emulator, video https://saucelabs.com/tests/b80d118779f34a5f8df2aefc5a3bb2e6
Android 4.3 emulator, video https://saucelabs.com/tests/ceead51324054c5183b7048ca4f8327b

OK on:
Chrome 39 desktop
IE 11 desktop
FireFox 31 desktop

Android 2.3.3 real device
Android 4.4 emulator, video https://saucelabs.com/tests/afa53b0e384f449d883d0ccd2d404be9
Android 5.0 emulator, video https://saucelabs.com/tests/afa53b0e384f449d883d0ccd2d404be9
iOS 5.1.1 real device

Thank you in advance for your help,
Vlad

Source code of example:

<html>
<head>
    <script type="text/javascript" src="preloadjs-0.6.0.min.js"></script>
</head>
<body>
    <div id="progressValue" style="font-weight: bold; font-size: xx-large; width: 1%; height: 40px; text-align: center; background-color: white">1%</div>

    <script type="text/javascript">
        var preload,
              progressBarr=document.getElementById("progressValue");


        preload = new createjs.LoadQueue();

        preload.addEventListener("complete", HandleComplete);

        preload.addEventListener("progress", HandleProgress);



        var loadJS = ["petparknew_v3.js"];
        var loadMP3 = ["audio/collision.mp3"];
        var loadPNG = ["assets/bestscore.png", "assets/bg.png"];
        var load = [];
        preload.loadManifest(load.concat(loadJS, loadMP3, loadPNG));



        function HandleProgress(event){
            progressBarr.innerText = progressBarr.style.width = Math.round(event.loaded * 100) + "%";
        }



        function HandleComplete(event){
           // remove progress bar
           progressBarr.parentNode.removeChild(progressBarr);
       }

    </script>
</body>
</html>

PROBLEM
Android 4 0
saucelabs android 4 0

browserstack android 4 0 motorolla razer

Android 4.1
browserstack android 4 1 google nexus 7

browserstack android 4 1

saucelabs android 4 1

Android 4.2
saucelabs android 4 2

Android 4.3
saucelabs android 4 3

OK
Android 4.4
saucelabs android 4 4

Android 5.0
saucelabs android 5 0

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions