I am using waveform-playlist to create a multi track player similar to ones you'll see on music editing software such as GarageBand, FL Studios, Ableton, etc. Using the library waveform-playlist I was able to set everything up with no problem. However, on mobile devices, it would crash after trying to interact with the pause or stop buttons on the app whilst the audio is playing. I'm assuming it's a memory leak issue. Any ideas on how I can start to debug this or how to fix this since the console on chrome mobile is very basic and doesn't return any errors.
Here is the deployed app that I'm testing on https://subtle-frangollo-452f91.netlify.app/
Here is the library I'm using to make this: https://github.com/naomiaro/waveform-playlist
Related
I cannot find much recent information on this topic. Does anyone know if there is any way to both fire an Android Intent (any Intent) and listen for an Android Intent being broadcast within a HTML/JavaScript application running inside a regular Android web browser, such as Chrome?
We currently do this in our HTML/JavaScript web applications using Cordova and an Android Intents Cordova Plugin and it works perfectly. But we would like to move away from Cordova and back to using regular mobile browsers.
We are currently running our web apps on Zebra laser scanner Android devices via Cordova and the Intent fire/listen is to interact with the Zebra laser scanner. This is what we want to replace via standard Chrome web browser instead.
Anyone know if there is any possibility at all to fire/listen for any Android Intents from inside Chrome?
And yes, we are very familiar with the Zebra Enterprise Browser which would handle this situation easily (without Intents), but that is not free and we have a huge amount of Zebra devices, so that option is out at this point due to cost.
Thanks,
Brendan
I work on a project that uses a native android/iOS app to display a webview for the web app I work on. Ensuring video playback on various devices is a large pain point that I've had to work through for years. I've managed to support essentially any device by transcoding videos to lower bitrates, lower resolutions, and/or other codecs that are best fit for said device/browser, but I've never understood why the videos that fail to play in my web app from inside of our native app's webview have this issue, while running my web app inside a browser on the device is able to play back videos fine regardless of codec, resolution, or bitrate. (assuming the browser supports the format)
The webview included in Android devices differs between devices and between Android versions, which can be a problem for support of low level functionality like video playback as you have seen.
There is a nice overview here - it is a little old now but the link is still live at time of writing:
http://slides.com/html5test/the-android-browser#/42
They have a nice TL/DR:
THERE IS NO SUCH THING AS
"THE" ANDROID BROWSER
I am creating a game using Construct 2, but on previewing on Android smartphone, I found Audio playback and delay issue:
This is possibly the curse of Web Audio API in that many browsers require user to touch the screen first or no music will be played. Worse, if another music is to be played, the user must touch the screen once again. This is "by design" of these smartphone browsers. Only Firefox seems to allow music to be played without user initiated touch.
I've seen that this issue has been covered for several times (ex. Website HTML 5 Audio Autoplay and https://stackoverflow.com/a/22331782/144201) and some of the possible suggestions include using other audio javascript libraries entirely such as SoundJS and howler.js.
Has anyone have experience bringing in such audio library that could solve the issue above for Cordova Android export option? Does it work for all Android devices? In fact, can anyone provide me a link for a HTML5 game/page/app, exported with C2 that uses such audio library and play music without requiring user's initial touch on Android so I could check? I just want a confirmation that this is truly possible.
Or is there a more elegant way for Construct 2?
Previewing on browser has the "user must touch screen once" issue because of it is "by design". But if the C2 app is exported via Cordova and uses Crosswalk, the game can play the music without requiring the user to ever touch the screen first.
See https://www.scirra.com/tutorials/809/how-to-export-to-android-with-crosswalk . Although the tutorial is outdated for the current Intel XDK, the instruction is more or less the same. However, the newer C2 versions also create an .xdk file upon Cordova export. In the Intel XDK, you must "Open an Intel XDK project" instead of "Import an existing HTML5 project". See https://software.intel.com/en-us/forums/intel-xdk/topic/607195 for more info.
I have created an application for my Samsung TV 2011 (Maple 6.0).
It is a Javascript Web App that does not depend on anything other than jquery, I handle navigation and remote key events myself with my own functions; I use in combination with TVKeyValue.js and Widget.js.
Now I am trying to play video. On the emulators up to 2013 (The oldest emulator available it seems) it works fine with video.js. It looks like it is not supported in the Maple.
However, I could get video to work if I include the Samsung Apps Framework:
I could get the video to play, however I need to add the Scene folders and app.json in order for the app to run. Then I could play my video. The problem is that it breaks the standard javascript code. JSON is not defined, html data attributes do not work.
So my question is, how can I maintain my application as a javascript webapp, while still being able to play video via the 2011 tv running maple?
HTML4 is whats supported so video tags do not work, and flash it says plugin required. So there does not seem to be any video solutions for non AF samsung apps.
On Samsung devices is better solution then video tag using SEF player
http://www.samsungdforum.com/Guide/?FolderName=API00005&FileName=Player_29.html
(Player item)
I'm considering building a mobile Web application, using Jquery Mobile that will be used to track truck delivery.
I want to be able to periodically send gps coordinates back to the server? Can this be done if the screen is off?
If not can some alternate approaches be suggested..
If you are good in javascript and html you can go for phonegap. this framework will work like a native application and running from webview like browser. Since phonegap is a cross platform framework you can make your app compatible to many devices like windows phone, Apple, Android. To know more about phonegap or cordova click here
And yes phonegap does many function or features that can customize your application in many way. for example "WAKE LOCK" which keeps your application awake till you force close it.
or if you are using browser you can not run your code for long since browser is a big application android or your mobile system will close it.