Equalizer/fft graph not shown on Android phones #93

jywarren · 2019-04-16T18:41:56Z

#88, #87 and #92 fixed the audio security limits issue and installed an equalizer to display what sounds it can hear on the spectrum, for debugging. It's awesome!

However, on my Android phone in Chrome 73, I can't see the graph:

I can't reproduce this on desktop Chrome:

Not sure what's happening here!

jywarren · 2019-04-16T18:45:17Z

Here's the section that's supposed to draw the graph!

webjack/examples/fft/sketch.js

Lines 40 to 46 in 04c0def

    
           sketch.beginShape(); 
        
           sketch.vertex(0, sketch.height * 0.9); 
        
           for (i = 0; i < spectrum.length / scale; i++) { 
        
             sketch.vertex(i * scale, sketch.map(spectrum[i], 0, 255, sketch.height * 0.8, 0)); 
        
           } 
        
           sketch.vertex(sketch.width, sketch.height * 0.9); 
        
           sketch.endShape();

selevo · 2021-07-19T07:39:39Z

test soul brauser on android.
Chrome browser hasn't been very good lately

jywarren · 2021-08-12T20:10:22Z

aww darn, any way you could test with a javascript console? Thanks for reporting!

…

On Mon, Jul 19, 2021 at 3:39 AM Serega ***@***.***> wrote: test soul brauser on android. Chrome browser hasn't been very good lately — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#93 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAAF6J4H77FVW53BB4UYSULTYPJENANCNFSM4HGN2Z7A> .

selevo · 2021-08-14T12:30:42Z

aww darn, any way you could test with a javascript console? Thanks for reporting!

https://editor.p5js.org/jywarren/sketches/rkztwSt8M
(android brouser)

#ReferenceError: webkitAudioContext is not defined
    at Class.init (https://webjack.io/dist/webjack.js:663:44)

    at new Class (https://webjack.io/dist/webjack.js:63:19)

    at (anonymous function) (https://jywarren.github.io/p5-webjack/lib.js:15:20)

    at (anonymous function) (https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.8.0/addons/p5.sound.min.js:24:4838)(https://github.com/publiclab/webjack/issues/93#issuecomment-882318312)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAAF6J4H77FVW53BB4UYSULTYPJENANCNFSM4HGN2Z7A> .

webkitAudioContext - is out of date

https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Migrating_from_webkitAudioContext

jywarren · 2021-08-14T18:01:02Z

Ah. Hm. I wonder if this is fixed in a more recent version of p5.js; we seem to be at v0.8.0. I searched for the error in their repo but found nothing but their current version is v1.4.0: https://github.com/processing/p5.js/ We could try bumping our version...

…

On Sat, Aug 14, 2021 at 8:30 AM Serega ***@***.***> wrote: aww darn, any way you could test with a javascript console? Thanks for reporting! … <#m_8691155359467393051_> On Mon, Jul 19, 2021 at 3:39 AM Serega *@*.***> wrote: test soul brauser on android. Chrome browser hasn't been very good lately — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <[#93 <#93> (comment)] https://editor.p5js.org/jywarren/sketches/rkztwSt8M #ReferenceError: webkitAudioContext is not defined at Class.init (https://webjack.io/dist/webjack.js:663:44) at new Class (https://webjack.io/dist/webjack.js:63:19) at (anonymous function) (https://jywarren.github.io/p5-webjack/lib.js:15:20) at (anonymous function) (https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.8.0/addons/p5.sound.min.js:24:4838)(https://github.com/publiclab/webjack/issues/93#issuecomment-882318312)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAAF6J4H77FVW53BB4UYSULTYPJENANCNFSM4HGN2Z7A> . — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#93 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAAF6J2WTVEZEBNLTEL27FDT4ZOXZANCNFSM4HGN2Z7A> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&utm_campaign=notification-email> .

jywarren · 2021-08-14T18:03:47Z

Wow, we're actually at v0.7.3 of p5js:

webjack/examples/index.html

Lines 16 to 18 in 5995944

    
           <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.3/p5.min.js"></script> 
        
           <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.3/addons/p5.dom.min.js"></script> 
        
           <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.3/addons/p5.sound.min.js"></script>

Would you be able to try bumping the version in the CDN links and trying again? If not I can try.

Noting also that the code referenced in your error log mentions this wrapper library I also wrote, but there's no reference to "webkit" in the code there so I think that's not the issue. But still, good to notice the included code:

https://github.com/jywarren/p5-webjack/blob/main/lib.js

jywarren · 2021-08-14T18:04:23Z

thanks so much for helping out here!!!

selevo · 2021-08-15T20:14:39Z

i dont know how get js errors on android brausers whithout conect to PC
In android brausers no console.
at the moment I only have an Android smartphone

I can only validate code in some JavaScript sandbox, editor.p5js.org or others

selevo · 2021-08-22T15:25:53Z

thanks so much for helping out here!!!
webjack.io-1629558757386.log

jywarren · 2021-08-22T16:52:52Z

oh whoa... cert invalid! This i think i can fix. I don't know if it'll fix things on Android but it's a good first step to get out of the way.

…

On Sun, Aug 22, 2021 at 11:26 AM Serega ***@***.***> wrote: thanks so much for helping out here!!! webjack.io-1629558757386.log <https://github.com/publiclab/webjack/files/7027624/webjack.io-1629558757386.log> [image: 1] <https://user-images.githubusercontent.com/13694921/130360748-dab06750-07d6-47ff-a7cb-de18fb042ca5.gif> — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#93 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAAF6J7LI5G7S75THCATSMLT6EJIZANCNFSM4HGN2Z7A> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&utm_campaign=notification-email> .

jywarren · 2021-08-22T16:54:41Z

That's odd... I see this:

Let me see what's up.

jywarren · 2021-08-22T16:55:20Z

What version of Chrome are you using?

jywarren · 2021-08-22T17:00:28Z

I don't know if this is the problem on Android but it makes me wonder, what is your Android version and Android Chrome version too?

chrome://settings/help can help you determine this.

Would you be able to try out the other change as well, the update to p5js v1.4.0, to see if that helps?

#202 I've tried the update here. Do you know how to start it up to test? You could use GitPod --

http://gitpod.io/#https://github.com/publiclab/webjack/pull/202

once it starts up, you'll see the example page in the preview window.

selevo · 2021-09-06T12:55:44Z

The interface there is very slow and it is intended for a computer, the page does not move well on the phone and the navigation is bad I can not check the scripts

selevo · 2021-11-19T21:39:06Z

#208

jywarren added bug help wanted labels Apr 16, 2019

jywarren pinned this issue May 5, 2019

jywarren changed the title ~~Equalizer/fft graph not shown on mobile phones~~ Equalizer/fft graph not shown on Android phones May 5, 2019

jywarren mentioned this issue May 8, 2019

Chrome Android bug (hard to describe) processing/p5.js#3735

Closed

3 tasks

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Equalizer/fft graph not shown on Android phones #93

Equalizer/fft graph not shown on Android phones #93

jywarren commented Apr 16, 2019 •

edited

Loading

jywarren commented Apr 16, 2019

selevo commented Jul 19, 2021

jywarren commented Aug 12, 2021 via email

selevo commented Aug 14, 2021 •

edited

Loading

jywarren commented Aug 14, 2021 via email

jywarren commented Aug 14, 2021

jywarren commented Aug 14, 2021

selevo commented Aug 15, 2021 •

edited

Loading

selevo commented Aug 22, 2021

jywarren commented Aug 22, 2021 via email

jywarren commented Aug 22, 2021

jywarren commented Aug 22, 2021

jywarren commented Aug 22, 2021

selevo commented Sep 6, 2021

selevo commented Nov 19, 2021

Equalizer/fft graph not shown on Android phones #93

Equalizer/fft graph not shown on Android phones #93

Comments

jywarren commented Apr 16, 2019 • edited Loading

jywarren commented Apr 16, 2019

selevo commented Jul 19, 2021

jywarren commented Aug 12, 2021 via email

selevo commented Aug 14, 2021 • edited Loading

jywarren commented Aug 14, 2021 via email

jywarren commented Aug 14, 2021

jywarren commented Aug 14, 2021

selevo commented Aug 15, 2021 • edited Loading

selevo commented Aug 22, 2021

jywarren commented Aug 22, 2021 via email

jywarren commented Aug 22, 2021

jywarren commented Aug 22, 2021

jywarren commented Aug 22, 2021

selevo commented Sep 6, 2021

selevo commented Nov 19, 2021

jywarren commented Apr 16, 2019 •

edited

Loading

selevo commented Aug 14, 2021 •

edited

Loading

selevo commented Aug 15, 2021 •

edited

Loading