Android :: Html5 And Video Tag Working Example
Dec 2, 2009Anybody have a working example of HTML5 file with a video tag ? [working in chrome lite] What resolution and format is supported ?
View 3 RepliesAnybody have a working example of HTML5 file with a video tag ? [working in chrome lite] What resolution and format is supported ?
View 3 RepliesI'm piecing together a cheapo app that amongst other things "frames" some of our websites... Pretty simple with the WebViewClient... until I hit the video.
The video is done as HTML5 elements, and these work fine and dandy on Chrome, iPhones, and now that we fixed the encoding issues it works great on Android... in the native browser.
Now the rub: WebView doesn't like it. At all. I can click on the poster image, and nothing happens.
Googling, I found http://www.codelark.com/2010/05/12/android-viewing-video-from-embedded-webview/ which is close, but seems to be based on a 'link' (as in a href...) instead of a video element. (onDownloadListener does not appear to get invoked on video elements...)
I also see references to overriding onShowCustomView, but that seems to not get called on video elements... nor does shouldOverrideUrlLoading..
I would rather not get into "pull xml from the server, reformat it in the app".. by keeping the story layout on the server, I can control the content a bit better without forcing people to keep updating an app. So if I can convince WebView to handle tags like the native browser, that would be best.
I'm trying to get an html5 demo page working on Android 2.1, have tried both droid and nexus one with 2.1 but they only display the poster image, and do not play the video. Pressing on the video does not do anything. Resolved with the onclick handler on the video tag. Is it possible to use html5 video in the android 2.1 browser at this time? My demo page is working for both the iphone and the ipad.
The mp4 video: avc1, 29.97 fps, 380 kbps, 480 x 370
Audio: mp4a, 44 kHz, 64 kbps
Here's how the page is written:
<!DOCTYPE html>
<html><head><title>html5 test</title></head><body>
<video id="movie" width="480" height="370" poster="http://example.com/still.jpg" controls>
<source src="http://example.com/video.mp4" type="video/mp4">
Your browser does not support html5 video.
</video>
</body></html>
I wrote several simple HTML5 apps which all works on Android browser, but the webview in my activity doesn't work. I have enable javascript in webview setting. Is there anything setting needed for HTML5 to work?
View 3 Replies View RelatedI'm using the Note2 with the TW-based Digiblur rom and am having trouble when playing HTML5 player videos in the stock web browser. Any time a video plays, instead of timing out like they are supposed to, the navigation softkeys on the device stay lit while the video is playing. If I pause or stop the video, everything goes back to normal and the keys time out like they are supposed to. The problem is not present in any video player application, including the stock YouTube client.
View 3 Replies View RelatedDoes android webkit support html5 currently or in cupcake branch? I am particularly interested in the <audio> tag.
View 2 Replies View RelatedI have tried to implement HTML5 in Android OS. But i didnt get it....Can anyone give example HTML 5 in Android?
View 2 Replies View RelatedI have tried 1.5 video API. I could not make it work. It even can't do preview. Following is my code:
private boolean initializeVideo() { Log.v(TAG, "initializeVideo");
if(Common.mRecordedVideo!=null && Common.mRecordedVideo.exists ()) Common.mRecordedVideo.delete();
File sDir = Environment.getExternalStorageDirectory();
String baseDir = sDir + Common.BASE_DIR;
File sampleDir=new File(baseDir);
if(!sampleDir.canWrite()) // Workaround for broken sdcard support on the device.
sampleDir = new File("/sdcard/sdcard");
try { Common.mRecordedVideo = File.createTempFile(PREFIX, EXTENSION, sampleDir);
} catch(IOException e) { AlertDialog.Builder ab = new AlertDialog.Builder (VideoRecord.this);
ab.setTitle("Error"); ab.setMessage(" can't write audio data to storage");
ab.setIcon(R.drawable.error); ab.setNeutralButton("Close", new DialogInterface.OnClickListener()
{ public void onClick(DialogInterface dialog, int whichButton) { } } );
ab.show(); return false;
} Intent intent = getIntent(); releaseMediaRecorder();
if (mSurfaceHolder == null) { Log.v(TAG, "SurfaceHolder is null");
return false; } mMediaRecorder = new MediaRecorder();
mMediaRecorder.setAudioSource(MediaRecorder.AudioSource.MIC);
mMediaRecorder.setVideoSource (MediaRecorder.VideoSource.CAMERA);
mMediaRecorder.setOutputFormat (MediaRecorder.OutputFormat.THREE_GPP);
mMediaRecorder.setMaxDuration(MAX_RECORDING_DURATION_MS);
mMediaRecorder.setOutputFile (Common.mRecordedVideo.getAbsolutePath());
// Use the same frame rate for both, since internally
// if the frame rate is too large, it can cause camera to become
// unstable. We need to fix the MediaRecorder to disable the support
// of setting frame rate for now.
mMediaRecorder.setVideoFrameRate(20);
mMediaRecorder.setVideoSize(352,288);
mMediaRecorder.setVideoEncoder (MediaRecorder.VideoEncoder.H263);
mMediaRecorder.setPreviewDisplay(mSurfaceHolder.getSurface());
try { mMediaRecorder.prepare();
} catch (IOException exception) { Log.e(TAG, "prepare failed for " );
releaseMediaRecorder(); // TODO: add more exception handling logic here
return false; } mMediaRecorderRecording = false;
return true; } private void startVideoRecording() {
Log.v(TAG, "startVideoRecording"); if (!mMediaRecorderRecording) {
// Check mMediaRecorder to see whether it is initialized or not.
if (mMediaRecorder == null && initializeVideo() == false ) {
Log.e(TAG, "Initialize video (MediaRecorder) failed."); return;
} try { mMediaRecorder.setOnErrorListener(this);
mMediaRecorder.setOnInfoListener(this);
mMediaRecorder.start();
// Recording is now started } catch (RuntimeException e) {
Log.e(TAG, "Could not start media recorder. ", e); return;
} mMediaRecorderRecording = true;
mRecordingStartTime = SystemClock.uptimeMillis();
updateRecordingIndicator(true);
mRecordingTimeView.setText("");
mRecordingTimeView.setVisibility(View.VISIBLE);
mHandler.sendEmptyMessage(UPDATE_RECORD_TIME);
setScreenTimeoutInfinite();
} }
I am experimenting with Androids WebView[1] and its HTML5 features. I have written a little webpage with does the features detection like described here: http://diveintohtml5.org/detect.html
And now I see (I am on a SDK1.6 Emulator) that the LocalStorage, the WebWorkers and Offline Web Applications are not supported!
Does anyone know when these features will be supported? Or does anyone know the exact version (or build) of the webkit engine, that is used in Android 1.6?
Does anyone know if there will be support for applications like that you download from the market to be written in canvas+javascript?
I know currently there is html5 and canvas support for the android browser but I am looking more for a solution for full screen games and such.
The HTML5 applicationCache in the 2.x browser is working well except for one problem:
when you force a cache update in JavaScript (window.applicationCache.update()) then it doesn't go out to the web to check the manifest it just throws the "checking" and then the "noupdate" events.
I imagine that eventually it actually checks the manifest online, but the update() is supposed to force it. any ideas on how to force an update or how old the manifest needs to be before it checks the web again?
I'm trying to use the HTML5 Geolocation features found in Android 2.0. However, it does not work in the browser or a WebView. I've tested in the emulator and on multiple devices. The code I have works in multiple other browsers that support the spec. Has anyone gotten this to work?
View 2 Replies View RelatedI am trying to make an app base on HTML and java actually I have this mobile site and contents are mostly text and 2 java picture galleries, and I need to run it as a native app. Is it possible to make mobnile website in other tools and somehow import them manually to Eclipse to get the app built? Because when I use new-->android application, the projects have only XML files and I am not familiar with xml.
View 9 Replies View RelatedHow to get the html5 control id in android application.
View 1 Replies View RelatedI have been having some issues with the Qik app. It has worked then stopped. I uninstalled it, then re-installed it. Sometimes it just loads the camcorder app, not the qik app, which is really odd. I figure it is built using the camcorder api but still very odd.
The customer service from qik has been poor as well.
My YouTube application is not working most of the time it says " Sorry, cannot play this video now".
View 1 Replies View RelatedIs there any list which HTML5 features the WebView supports and which not? I am interested mainly in: 1) localStorage/sessionStorage 2) offline manifest 3) web sockets 4) web workers. Prior there was lack of those features (http://www.mail-archive.com/android-developers@googlegroups.com/msg60143.html), but in Android 2.1, first two should be supported, but I am not sure about 3 and 4. Is there any list of supported features or we have to test it on our own?
View 1 Replies View RelatedI have a javascript that plays audio in the browser, using the html5 <audio> tag. It works fine in the iPhone browser, but not in Android. (Testing using a htc desire with android 2.1.) Anyone know why?By the way, I am also trying to enlarge the audio button that shows up in the iphone (the default one is quite small), with no luck so far - would be grateful for any ideas!
View 3 Replies View RelatedWhat is the schedule for HTML5 support in WebKit? Specifically - offline web applications and storage.
View 2 Replies View RelatedAs a webapp, not a native app on the iPhone or Andriod. Is it possible to draw with your finger? If so, how?Anyone have or can provide a barebone simple example that just loads a blank page?
View 2 Replies View Relatedif this is a noob question, I searched quite a bit and couldn't find an answer. I'm developing a html5 app that relies on sqlite for local storage.I'd like for it to appear as an app icon on the iPhone/Android screen, what's the best way to do this? Ie can I write some sort of "wrapper" app to achieve it?
View 4 Replies View RelatedI am looking for resources to develop HTML5 apps for iphone primarily. Are their frameworks and tools that I can use to get started? I am looking for: Javascript frameworks that help with UI layout Touch based controls for phones Articles on iphone development, best practices, etc.I searched stackoverflow and was not able to come up with a good list of resources. I am looking for examples like these http://jqtouch.com/
View 4 Replies View RelatedI've talked to a lot of people recently who say they are expecting to stop writing native mobile apps and start writing web apps once HTML5 gets more fully baked in mobile OSs. I just finished my first HTML5 deep dive, and I'm not yet convinced.
Will HTML5 work as a replacement development platform for native apps, or are there certain things that require targeting the native runtime?
I recently tried out the applicationCache / offline web apps on Android 2.1's WebKit and unfortunately it does not work exactly like on a webkit on the iPhone. I was wondering how I can easily see what features should be implemented and if there is something like a roadmap?
Does that information somewhere exist?
Is there a trick to sending a video MMS? Nobody I send them to receives them for some reason. I don't get any error messages or anything, but they never receive the message.
I haven't got any for a while either. Not sure if I have missed any or if nobody has tried to send me any. Anyway, what do I have to do to get working video MMS?
I would like an html5 page that runs in Android 2.2 Browser that I can take a picture using the phone's built-in camera and save it to a sqlite database as a blob.
View 2 Replies View Relatedmy application, flash embedded in android does not function.
View 1 Replies View RelatedWhen I click on the camera or video Icon. It goes to load it to where you see the black screen with the white camera and then quickly goes back to the home screen.
View 8 Replies View RelatedIm having an issue sending a video on my incredible. i dont understand whats going on and i dont think im doing something wrong but who knows...
I went into camcorder, changed everything to defult. i changed the resolution to the 640 and was able to send up two a 2 second video. then i went to the lowest resolution which was like 320 or whatever and was able to send up to a 5 second video. thats about it... i sat on the phone with verizon maybe...2 hours? THEY could not figure it out. they said they has to borrow another verizon enployee's phone to mess with it and she kept getting the same issue saying the file is two large. its set for 30 seconds, then 20 seconds, 15, 10, all of them will not work over 5 seconds of a video to send. they said they dont understand why there is nothing in the settings saying switch to mms or sms or something and contacting someone to update that asap because it made no sence to them. i dont understand this and its getting annoying.
So then, i tried downloading some app called youcast or whatever, and it kind of worked. it says it bypasses the size limit or whatever. i sent a video to my friend and it says he got it, but needs to download the app first to view it. im waiting to hear from him if he downloads it and is able to view it. but that still sucks because what if you dont have an android? then youcast wont work.
And not only is this issue with me, but 6 of my friends with the htc incredible are not able to send videos either after they messed around with it all.
So my questions are...
Is there any other apps out there like youcast that might work or be better too?
My settings right now on camcorder are...
white balance: auto
resolution: QVGA(320x240) and i tried switching around between that all the way to 720p(1280x720)
storagehone storage and i have switched to storage card
encoding type MPEG4
Recording Limit: 30 seconds. again i tried all other settings.
This is a G1 and I am using a WiFi connection. when I go to Youtube ap and click Menu/my account/my videos , I can see all the videos uploaded via computer, but not the G1 video i waited 10 minutes to upload. they seem to upload into nowhere.
View 1 Replies View Related