I am keen to try out one of the HTML5 js plugins to use HTML5 markup on a new client project. Has anybody had experience using Remy Sharp's HTML5 enabler (http://remysharp.com/2009/01/07/html5-enabling-script/) or the Modernizr plugin (http://www.modernizr.com/) on a project that can offer tips or gotchas? I am supporting IE7+ as well as the modern browsers.
Thanks
Remy's script is pretty solid. And the latest version has Jon Neal's print enabler plugin as well so you should be good.
Related
Like the title ,does Tidesdk support video/audio tags?
My english is very poor，hope you can understand！
thx !!!
You should know that OSX works fine with HTML5 audio and video tags. We are working on updated WebKit support for all platforms. Following the public release of 1.3.1, we are focusing on upgrades to the internal libraries. From there, we will have succession of releases until all libs are fully upgraded.
I want to give offline support to website so user can access website even in absence of internet as of offline Gmail.
Please suggest technology?
Ans: HTML5 is the answer for this. I hv added detailed answer below.
Thanks,
Take a look at HTML5 Application Cache: http://www.html5rocks.com/en/tutorials/appcache/beginner/. Note that this is not yet a cross-browser technology and will not work in older browsers.
HTML5 is the answer for this. In HTML5 using LocalStorage and Tag.
Attribute offline script Triggers when the document goes offline and after that you can server content from localstorage.
more on web_storage http://www.w3schools.com/html/html5_webstorage.asp
Edited:
https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API
http://www.html5rocks.com/en/tutorials/service-worker/introduction/
Our product, a desktop app, is composed of a ton of HTML5 and JavaScript together with a thin platform-specific layer that is basically a WebKit shell. Since this is much the same strategy as a framework like Appcelerator Titanium, and we waste way too much effort on this custom WebKit shell code, we were hoping to switch to Titanium or a similar framework to handle that for us.
However, such a switch would be much more compelling if we could pick up a nice modern JavaScript engine in the process. Like Titanium, we're currently on JavaScriptCore, which sucks (they still don't have Function.prototype.bind!). We'd take either V8, for speed and modernity, or Rhino, for yummy JavaScript 1.7/ECMAScript Harmony features.
Does anyone know of a framework for building desktop apps with HTML5 that uses either of these engines? Or some way of making either work with Titanium that will be very little effort? I saw the v8_titanium and rhino_titanium projects on GitHub, but see no mention of them anywhere else, or any documentation on how to use them. And the Adobe AIR WebKit page has nothing encouraging either.
Node-webkit is just about done being ported to use cef3. https://github.com/rogerwang/node-webkit/tree/cef
To follow up on this, we've just published binaries for all 3 platforms at https://github.com/milani/appjs | http://appjs.org. That's Chromium and Node, provided as a package that works out of the box with no configuration cross platform.
I think you could count Mozilla XULRunner as "app framework". It's more like embedded Firefox than framework, though.
https://developer.mozilla.org/en/xulrunner
It's much much more complex and powerful than Adobe AIR or Titanium.
We ended up on Chromium Embedded, which is a bit rough around the edges but definitely gets the job done.
You can use Adobe AIR to build HTML5 desktop apps.
AIR uses the webkit engine:
http://help.adobe.com/en_US/AIR/1.5/devappsflex/WS5b3ccc516d4fbf351e63e3d118666ade46-7ec1.html
See also:
http://help.adobe.com/en_US/AIR/1.5/devappshtml/WS5b3ccc516d4fbf351e63e3d118666ade46-7ecc.html
We're starting to develop a Web application that will have some complex functionality written in HTML5 canvas.
Please, could you recommend any good IDE (open or commercial), or a toolset to develop/debug this kind of applications?
Thanks in advance.
I prefer Aptana Studio for web applications development as this offers very good support for javascript, HTML and even new libraries like coffee script. Aptana Studio's latest release in beta also has support for HTML5.
This might not quite be what you're looking for... but you can take a look at jsFiddle - http://jsfiddle.net/
If you can't use it for major parts of your web app, you can at least put it to use as a debug tool.
Since Flash is losing ground I would like to know if there are ways to protect html5 videos with DRM (H264, .ogg and WebM).
On the W3C FAQ on HTML5 it states:
Is there support for digital rights management (DRM) in HTML5 video?
HTML5 doesn't provide direct support, nor any barrier, to using DRM in video. It currently expects this to be handled by the particular codec/implementation. There are implementations which allow for DRM in HTML5 video.
Is dealing with DRM in scope for HTML5?
If enough stakeholders want to standardise some aspect of handling DRM in HTML5 itself as part of the inclusion of video and audio media, then it makes sense for W3C to help standardise an approach which meets the needs of the market. However like all W3C work, relevant stakeholders need to be and show they are committed to developing it rather than expecting it to happen on its own.
Which means it's currently not supported, but there has been a discussion about it on the W3C bug tracker here.
Update:
People interested in this subject might want to consult the working draft of the new encrypted media extension standard.
Updated: EME is currently supported in major browsers.
It does now.
https://dvcs.w3.org/hg/html-media/raw-file/tip/encrypted-media/encrypted-media.html
Here is an example.
http://www.html5rocks.com/en/tutorials/eme/basics/
This is the best page that I could find on current browser support.
http://www.jwplayer.com/html5/mediasource/
At the time of writing this, EME is supported in
IE11 in Win8.1
Chrome (Desktop and mobile)
Safari 8 in OSX Yosemite
Probably not, even though there's an EME DRM plug-in interface.
Some browsers now support another type of a plug-in called EME (Encrypted Media Extension CDM) for vendor-specific DRM implementations such as Microsoft PlayReady, Google WideVine, Apple FairPlay, etc.
However, the only part of it that is a public standard is a JS API that launches a vendor-specific EME plug-in.
The actual DRM API required to make use of it is vendor-specific, secret and proprietary. To have working DRM across browsers you will have to sign separate contracts with Adobe, Microsoft, Google and Apple (which may be difficult if you're not Netflix).
Consider abandoning idea of DRM, as it's more likely to backfire than protect the content.
This is an updated answer, comments don't make sense any more
Already in chrome.
Here is a running example using it.
Widewine provides video DRM for HTML5 and h.264. Recently, another company Haihaisoft said they released HTML5 DRM for MP4 and WebM video: . It doesn't need Flash anymore. You might try it online. HTML5 Demo in Xvast browser DRM-X 4.0 in the news
You could implement some kind of encryption scheme with public/private key - I recently heard about http://www.widevine.com/ who seem to be doing something like that for html5 and h.264 . But I am not aware of anyone having applied to web video in general.
Sure you can stop someone from downloading the file simply by not giving them permission to download anything from certain folders on your server. Maybe there is something I am missing here. Seems like that would be a relatively easy solution.