After getting the news that Google will drop the support for chrome packed app
More information here
I'm planning to convert my packed app with navtive HTML5.
The application uses webviews to host different websites,
And im looking for alternative to the webviews with HTML5
Is there any solid alternative to webviews in HTML?
Electron is a good alternative to chrome. Its built on the same underlying tech. You can have desktop apps using it.
An sandboxed iframe is a good alternative to iframes. Read more over here
The iframe tag is the corresponding equivalent in HTML.
The webview documentation compares iframes to webviews.
https://developer.chrome.com/apps/tags/webview
You can add more isolation by sandboxing the iframe.
https://www.html5rocks.com/en/tutorials/security/sandboxed-iframes/
Related
I have an app that functions perfectly outside of Tide. The app uses Flowplayer to load and play a video using HTML5. It appears that when Flowplayer insert the video tag and sets the src attributes, the path is prefaced by the namespace (application id) used in my app configuration. Is there a way to disable this?
Everything in my app is inside the resources folder so there is no need to include the application name in the path.
Thanks,
H
#Ward Where we left TideSDK, unfortunately it did not have support for audio/video tags in HTML5. The HTML parser within the webkit in that code does not handle this properly. We decided more than a year ago to put our energy into a broader effort for mobile, web, and desktop called TideKit that is due to be released shortly. http://youtu.be/aE7gN-d0GhU
HTML5 support is state-of-the-art including audio/video so embedding is just as easy as using the tags. Working with anything HTML5 or creating apps with native capabilities and UI will be easier and better than ever. TideKit will launch with a CLI and an app to connect with our build service to optimize build's based for your app's requirements (and where you want it to go). Any code you have in TideSDK can be migrated easily.
I am planning to build a JavaScript/HTML5 app, and wrap it with phonegap to be installed on an android tablet.
In it, I want to show a video file.
Is it just a matter of creating an index.html file, and putting a mymov.ogv file in the same directory, and then using:
<video src="mymov.ogv"...>
and it will work on Android?
I have read about some problems with this, but my quest got me confused.
What are the caveats, if any?
PS: the video should be packaged within phonegap, such that the video is shown when the app is not connected to wifi. So it's a local file.
PPS: Since it's for internal use, I am able to choose a particular modern android version (if that makes any difference). There is no need to support old android versions whatsoever.
According to this resource: http://caniuse.com/ogv There is not support for ogv format in Android. Remember that Phonegap applications are just display in a rapped browser window-- So if the browser doesn't support it, you can't use it. Whether the video is on-board the device or streamed, doesn't matter.
You can certainly embed with the tag, but you might want to use the associated Javascript API to provide some control over the video.
I know how to embed a Google Docs Video in my Google site but what I'd really like to do is display some video tutorials via a GAS deployed as a web app - preferably in one tab of a TabPanel but I'm open to suggestions regarding other panel types. Is that supported?
I thought using Class Image might work but I haven't been successful.
Instead of writing a UI app, you might want to consider using HtmlService where you can embed Javascript subject to certain restriction and therefore will be able to embed a video as well
https://developers.google.com/apps-script/service_html
You cannot yet embed flash video in HtmlService, although such support is planned
I want to make a single web application avoiding any flash code. This application must contain videoconference, and I want to implement it in pure HTML5. It is possible? I know about websockets, but don't know really if videoconference can be implemented through them with a relative performance (at least, 24fps + sound at a right resolution, minimum 640x480), and both endpoints being web apps (both endpoints should use browser).
Thanks in advance
Anyone following up this question - on Feb 4th, 2013 they produced the solution with WEBRTC in Chrome and Firefox. For examples see https://hacks.mozilla.org/2013/02/hello-chrome-its-firefox-calling/ or http://www.html5rocks.com/en/tutorials/webrtc/basics/ or https://code.google.com/p/sipservlets/wiki/HTML5WebRTCVideoApplication
You can't really use HTML5 video for live streaming at the moment, and it doesn't have support for web cams yet.
Ericsson has modyfied a WebKit browser and is showing how this can be done with hopfully upcoming HTML5 Stream API. See Beyond HTML5 - Implementing and stream management in WebKit
It is impossible to capture web-cam images/microphone feed just through JavaScript (although there are plug-ins which let you handle output through flash), so it would be necessary for you to have some kind of application/plug-in installed.
The speed part is just for the client to worry. I mean, web sockets will be as fast as the connection permits.
You should do some research about web workers, since they would be very useful for speeding up your application (you could have microphone interface, web-cam interface and UI all with their particular worker, thus never blocking the application or rendering it unresponsive).
EDIT: the aforementioned jQuery plug-in works through the use of <canvas>.
As Jonas said, according to the situations now, we can't build video conference with HTML5. There are many limitations with browsers also. As there is no common video codec supported by all browsers. And live-streaming is also properly supported by safari only(using HTML5 video tag). As per my experience we can't build live-streaming on windows with any browser properly.
But if you wanna get some information about live streaming see https://developer.apple.com/library/archive/documentation/NetworkingInternet/Conceptual/StreamingMediaGuide/Introduction/Introduction.html
you can use this source to test your live-streaming examples
"http://xfunoonx.api.channel.livestream.com/3.0/playlist.m3u8"
This content will work only with safari on Mac.
I am looking at building an app that can take a video from a person's media library on their mobile phone and upload it to my servers. As far as I can tell, I'd have to build an application for each type of mobile device I want to include. But if new HTML5 protocols let me upload video files through the browser (and can handle the file size), this would be a preferred method.
Web apps don't have access to the media library on a phone. Use phonegap to get access to the users photos - http://docs.phonegap.com/phonegap_media_capture_capture.md.html
Considering you are using iOS and running the WebApp in iOS' MobileSafari, you have NO access to any system related components, libraries or anything (so no Photos, Videos etc).
And Safari itself does not support file upload. You can add the tag but it will always remain as if had disabled="disabled" attribute.
The only way to access these components is by using a Native code or, like Joel said, PhoneGap since it gives the html pages, access to Native API's through it's JS Framework.
For Android, i have no idea but probably not.