Caching Tab Sound

[bmFicg]

When browserTranscripbe runs in the background by switching Tabs, the music sounds choppy. (System; Chrome 57 Win10)

[jsphweid]

@tolkanabroski Hi! Like just the switching causes the choppiness or letting it sit on a random non-browserTranscribe tab makes it choppy?

[bmFicg]

• Click Link on your FB |
• Lunch Website https://www.josephweidinger.com/browserTranscribe/ |
• Click Add Music |
• Music Play |
• Switch Tabs back to your FB |
• Scroll down the Timeline |
• Music becomes Choppy

Maybe :

• a wavesurfer bug
• its just my machine
• issue is more Serverside, here it works (mostly) https://rawgit.com/jsphweid/browserTranscribe/master/src/index.html

[bmFicg]

@jsphweid Okay, i think its your server-response time, cos i'm in Germany and get latency. Nice to know, i just wondering the first time.

Maybe pre-buffer few sec before playing will solve the issue for users in the rest of the world.

[bmFicg]

@jsphweid attached image of my ping output

[jsphweid]

There are some buffer controls that can be changed but I don't understand what server response time would have to do with this, considering the file is loaded fully into a buffer locally in your browser before it even starts playing; the only communication with the server is getting the .html, .js, etc.

I figure a lot of the scratches are because of interrupting the wave (doesn't end on a zero-crossing). Typically those are minimized with extremely small fade in's and out's as I'm sure you know. I added some of that functionality for the play/pause button (spacebar), but it's kind of hard for me to find the right place to put them in the wavesurfer library :/

[bmFicg]

@jsphweid okay i see.
I not familiar with wavesurferjs.
i recommend to do some low-level WebAudio tutorials, just to get and understanding whats happening under the hood of an library (in general) helps a lot with fixing bugs.
https://jsfiddle.net/user/nabr/fiddles/

Like your idea! looks great so far!