[Q] Add play music feature - Web App Development

I have a app i want to add play music option that users can play music in app.

Rock-star said:
I have a app i want to add play music option that users can play music in app.
Click to expand...
Click to collapse
Does your browser support HTML5 ?
If so, it's as simple as :
Code:
<audio controls>
<source src="vincent.mp3" type="audio/mpeg"/>
<source src="vincent.ogg" type="audio/ogg"/>
<object type="application/x-shockwave-flash" data="media/OriginalMusicPlayer.swf" width="225" height="86">
<param name="movie" value="media/OriginalMusicPlayer.swf"/>
<param name="FlashVars" value="mediaPath=vincent.mp3" />
</object>
</audio>

Related

[Q] music playlist/ dropbox for andriod

I am using Dropbox as my music storage for Evo, but it only plays one song at a time; how do you create a music playlist/is it possible? I embeded this code but it's not working:
<?xml version="1.0" encoding="UTF-8"?>
<playlist version="0" xmlns = "http://xspf.org/ns/0/">
<trackList>
<track>
<location>http://paste url of your mp3</location>
<annotation>type in song title</annotation>
</track>
</trackList>
</playlist>
and
<html>
<object width="804" height="17" data="http://paste url of player?playlist_url=http://paste url of playlist&autoresume=1&autoplay=1&repeat_playlist=1" type="application/x-shockwave-flash">
<param name="movie" value="paste url of player?http://paste url of playlist&autoresume=1&autoplay=1&repeat_playlist=1" />
</object>
</html>
Thanks!

Youtube links in browser

When I open this link in my browser it doesn't play a video:
/v/fa2_TWLREtU&autoplay=1 (add youtube.com before /)
but whenever I change it to:
/watch?v=fa2_TWLREtU (add youtube.com before /)
it plays just fine, only problem is FriendStream uses the first format.
Is this normal? Or does the browser doesn't support SWF's or something?
when i try to open youtube stuff, it will open the video with the built-in youtube app. maybe you set some app as a default youtube app - did you check the "set to default settings" within applications preferences (dont know the correct english terms)?
Youtube app doesn't play some videos it says not available in mobile but if u play it in the browser it works
Sent from my HTC Vision using XDA App
I mean when playing them in the BROWSER, the first link doesn't work the second one does. Why is that?
This doesn't concern the youtube app, but the flash player in the browser

[Q] Music player app that display encoded lyrics ?

I need one like this, which show lyrics that you've encoded yourself (like through iTunes, etc.) on the screen.
Most music player apps show lyrics on their database (or somewhere) , but I often listen to more "obscure" songs so not all of my songs have lyrics there
I believe power amp has this feature. 4.99 from play store.
Sent from my MB855 using XDA
wth_is_life said:
I need one like this, which show lyrics that you've encoded yourself (like through iTunes, etc.) on the screen.
Most music player apps show lyrics on their database (or somewhere) , but I often listen to more "obscure" songs so not all of my songs have lyrics there
Click to expand...
Click to collapse
TTpoD 3.3 .. you can download in playstore..
After testing most of the music player available on Google Play, I finally choose PowerAmp, the most complete on the place. There is a free app but the full version deserve the price 4,99$.
lyrics in android
Unfortunately, Android does not natively support the ID3v2 USLT tag necessary to display lyrics. I just added a new feature request that would give Android this support. This will enable the native and 3rd party music players to display lyrics. If you want this feature, please star the request below, and post your comments.
code.google.com issue # 32547
Uhm no thanks, Poweramp is good

Local video files won't play in Cordova Android App

I'm building an app in Cordova where the first page of the app contains a video tag set to autoplay. I don't get any 404 errors loading the file... The file just won't play. The video is just black with a 0:00 time length that doesn't change.
The strange thing is I get two network requests in Chrome remote dev tools for the video file: the first shows a (success) status, and the second has a status of (cancelled). I've tried using two different URLs for the file:
file:///android_asset/www/video/nameofmyvideo.mp4 with the video file actually in /www/video/nameofmyvideo.mp4.
and
android.resource://mypackagename/raw/nameofmyvideo with the video file actually in /www/res/raw/nameofmyvideo and /platforms/android/res/raw/nameofmyvideo
I'm running the latest cordova (3.4.1-0.1.0) and testing on a kindle fire running CM-11 (4.4.2).
Here's the the markup I'm using:
HTML:
<video width="400px" height="300px" autoplay controls>
<source src="file:///android_asset/www/video/video-test.mp4" type="video/mp4">
</video>
OR
HTML:
<video width="400px" height="300px" autoplay controls>
<source src="android.resource://my.package.name/raw/videotest" type="video/mp4">
</video>
Is this an android pathing issue? The app runs fine as-is in iOS. I've also tried using webm, with no success.
Also it seems that the double network load issue (one success, one cancelled) happens regardless of whether the file can actually load. I loaded the same mp4 file over http hosted on my website and the video played fine (but still showed both requests).
Try using a relative path instead...
HTML:
<source src="video/video-test.mp4" type="video/mp4">
This is obviously assuming you're in the root folder - I'm guessing you're still in index.html in the www folder.
I dont think phonegap / browser can play mp4 files. Its a limitation of cross platform. Try flv format
Sent from my Nexus 4 using XDA Premium 4 mobile app
jaison thomas said:
I dont think phonegap / browser can play mp4 files. Its a limitation of cross platform. Try flv format
Sent from my Nexus 4 using XDA Premium 4 mobile app
Click to expand...
Click to collapse
That's not correct - it's a regular html5 browser control, which is capable of playing mp4 videos.
.MP4 is supported, not .FLV.
http://developer.android.com/guide/appendix/media-formats.html
It looks like the Android Web view is blocking access to the video files, which this Cordova plugin fixes:
Http://github.com/jaeger25/Html5Video
This plugin is for Android only. You could probably make changes to the JavaScript to make it work on other platforms.
Sent from my SM-N900V using XDA Free mobile app
I experimented with that plugin and couldn't get it to work. Maybe reverting back to an older version of Cordova would work.
Sent from my SM-N900V using XDA Free mobile app
DieHappy said:
I experimented with that plugin and couldn't get it to work. Maybe reverting back to an older version of Cordova would work.
Sent from my SM-N900V using XDA Free mobile app
Click to expand...
Click to collapse
Did you get any further with this? I'm currently experiencing the same problem. All the possible solutions found online tell me to include the video files in the app's folder, but in my case the video's need to be downloaded afterwards so they can't be in the app's folder...
I have the same problem, even developing an Android cross walk application, the video Html5 tag only works fine with videos located in a http server, with local files includes in the application only works in full screen mode, otherwise only the audio is played, the video is showed as a black screen.
I think the issue is related to the Web browser of Android, I tested the application in the latest version of the chrome Mobile browser and the behaviour is exactly the same.
Did you find a solution for this issue?
Thanks a lot in advance.
Regards
David
Hi,
I've recently released an open source app that uses html5 video player and a mp4 video.
Check the app in store using the links at zland.io
After starting the app, close the dialog and click on the (?) question sign in the upper right corner, then click on "crosshair explained".
To see how its done clone github.com/zland/zland-help-overlay and check the file components/HelpOverlay.jsx
HTML:
<video controls style={videoStyle}>
<source src="assets/zland-help-overlay/videos/crosshair.mp4"
type='video/mp4;codecs="avc1.42E01E, mp4a.40.2"' />
</video>
The video is done with android built in video capturing and then edited with iMovie.
@ddiegomercado cordova recently introduced a Content-Security-Policy module. For development be sure to set it to:
HTML:
<meta http-equiv="Content-Security-Policy" content="">
in your index.html
This means the webview can load content from anywhere.
Also be sure to install cordova-plugin-whitelist and set this to your config.xml
HTML:
<!-- access origin -->
<plugin name="cordova-plugin-whitelist" version="1" />
<access origin="*" />
Thanks a lot, I will try

Offline audio books?

Anyone found an app for offline audio books?
bobspace said:
Anyone found an app for offline audio books?
Click to expand...
Click to collapse
U can use the sony walkman app to create a playlist with your audio book and transfer to yur sm3.
Cheers
Playstore app called "Wear Media" perfect for audiobooks, since it remember your track position. Its the inly that does that

Categories

Resources