Video seeking does not work in PWA (Progressive Web App) - progressive-web-apps

html5 video player seeking does not work in PWA (Progressive Web App) as standalone APP.
Tested devices: Android and iOS.
When you accessing to the Web Page via Safari or Chrome it's working fine, but not as pwa standalone app.
What is the problem with that?

This is due to a gap in the spec which was recently fixed. If you're interested in the details, I wrote an article about it.
Once browsers update to the new spec, media will just work as expected. Here are the related tickets:
https://bugs.chromium.org/p/chromium/issues/detail?id=847428
https://bugzilla.mozilla.org/show_bug.cgi?id=1465074
https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/17689699/
https://bugs.webkit.org/show_bug.cgi?id=186050
In the meantime, everything should work as expected if you use CORS:
<video crossorigin></video>
…although this requires the server to support CORS.

Related

Building app, mobile web app and desktop web app using Ionic

We will develop an app that we would like to distribute in through the following channels:
Android and iOS apps through Google Play and iTunes (the app will
use notifications extensively and presence in Google Play and App store is required)
Web app to run in web browsers on mobile devices
Web app to run in web browsers on laptop and desktop computers. We would like to support Chrome, Internet Explorer (starting from IE9),
Firefox and Safari browsers.
Our understanding is that Ionic is developed targeting primarily 1. and that the web apps in 2. and 3. above are not really what Ionic is intended for. We have looked around to try to understand if Ionic likely works for 2. and 3. and also made some quick tests ourselves.
From one of the links at the end: "Your webapp will run in desktop browsers yes, as it is made of html, css and javascript. The phonegap specific javascript calls (accelerometer, compass, file, etc) won't. Basically, if you stick to standard yes you will be able to port relatively easily your app to most browser, the job at this point being mostly a work of theming."
From another one: "I do know that FireFox is simply not supported. I don't know how well Ionic works in IE X."
To try it out we have built a limited version of our app in Ionic. From what we can see the app works for 1, 2 and 3. For example, it runs without issues on FireFox that is mentioned as not supported in the quote above. This means that to us it looks like the first quote saying that the web app will work in desktop browsers is correct.
I understand that this is a fairly generic question and might be hard to answer, but since we have found contradicting information when looking we are trying to understand more before making a decision.
Any feedback would be appreciated.
Thanks,
Markus
Is it a good idea to use ionic to build mobile web version of a website?
Can Ionic Framework run in desktop web browser like Chrome, Mozilla, IE9+?
http://forum.ionicframework.com/t/ionic-components-on-ie/1826
Phonegap web app in regular desktop browsers
http://ionicframework.com/docs/overview/#css-sass
Ionic is tested for mobile only. Internet Explorer for example is not tested and does not properly handle a number of features in Ionic. Desktop browsers act differently than mobile browsers.
Ionic is focused on building native/hybrid mobile apps rather than
mobile websites.
As such, our browser support tends to be whatever Web View API is
available to native apps on a given platform. For Ionic 1.1.0
"xenon-xerus", that means UIWebView for iOS 7+, and Android 4.1 and
up. Windows Phone and FirefoxOS support is on our roadmap.
If it's cheaper for you to test everything on all different desktop browsers than to develop a version for it sharing the same controllers and services --- go ahead but it won't come "out of the box".
Also, I recommend looking at Electron to build desktop apps from webapps.
ionic is targting mobile apps only , but you can develop your desktop app using node webkit and angular material for example and share some code between your apps

SWF on the IOS applications from web url

I had developed a mobile application for realestate company. They have a website and every thing are loading from the website. Now, they wants to add a virtual tour feature to their website. We are looking for a solution that be useful for both website and mobile platforms.
After many consults I thing making virtual tours with flash is a good item but there is a big concern. Do we can download swf files from internet and then user play them on the ios applications?
I heard that ios do not support swf files on their applications and even reject application with swf files. Is it true?
The scenario that I imagine is downloading swf virtual link from web and playing it under a tab at iphone and ipas. Is that possible and valid under ios ?
Thank you
Even Adobe themselves have given up on Flash on mobile devices.
http://blogs.adobe.com/flashplayer/2012/06/flash-player-and-android-update.html
We announced last November that we are focusing our work with Flash on PC browsing and mobile apps packaged with Adobe AIR, and will be discontinuing our development of the Flash Player for mobile browsers.
Android and iOS devices have no Flash playing capability, period. While you can author native apps using Adobe's tools, that's an entirely different and isn't going to be an option on a website.

Can we develop mobile browser based Chat application without using WEBRTC?

I need develop chat application in mobile browser(android,iphone) as no mobile browser supports WEBRTC most of my browser based chat app is not working in mobile(android,iphone), there is any way develop mobile browser application that works in mobile browser ?
This doesn't answer your question, but the WebRTC APIs are available on Chrome for Android (currently in Beta behind a flag) and implementation is planned for Opera on mobile and desktop. That means a lot of mobile and desktop devices with full support for WebRTC...

Analytics: what are p502i and wireless transcoders devices?

We are currently running Google Analytics on an iPhone app, and we got two strange devices appearing at several percents: "DoCoMo P502i" and "Google Wireless Transcoder".
What are these strange devices?
I see the same after implementing the v2 SDK on iPhone. There's not a lot of visits, but enough to do some research.
Google Wireless Transcoder is a project that strips down everything from the page from scripts to styles back to it's bare bones. Some mobile browsers might use the service to reduce the page size before downloading it and showing on mobile devices.
http://www.google.com/gwt/n
It seems that you can instruct Google Wireless Transcoder to not process your page and instead redirect the user to another webpage using:
<link rel="alternate" media="handheld" href=”mobile_page.htm” />
Source: http://www.elc-seo.com/search-engines/google/mobile-search-the-google-wireless-transcoder/
I'm afraid I couldn't find out much about "DoCoMo P502i yet. It also seems to be related to some kind of Google Proxy. Look at the full UserAgent it uses:
DoCoMo/1.0/P502i/c10 (Google CHTML Proxy/1.0)
Source: http://user-agents.my-addr.com/custom_user_agent_lookup-ua_string_analysis_checker_tool.php?i=395&u=DoCoMo_1_0_P502i_c10_Google_CHTML_Proxy_1_0
I'm pretty sure the 2.0 beta versions of the Google Analytics SDK for iOS report an iPod touch as a DoCoMo P502i.
I've just set up a new Analytics profile & tested on two devices, and that's what's I'm seeing.
Yup. A sweet phone, the DoCoMo P502i.

Prevent Downloading of Mobile Safari Video

Via HTTP Live Streaming or any other method, is it possible to embed videos in a web page that:
Are viewable in Mobile Safari?
and
Cannot be directly downloaded? (when the user navigates to the media URL in a browser, they should not by default get a downloadable file.)
Flash and Silverlight can serve media that meet these criteria on desktop browsers. I'm wondering if there's some way to meet this criteria that is compatible with Mobile Safari, which does not support Flash or Silverlight. The media need not be impossible to rip, just difficult to download with a browser alone.
For example, on the below site, demonstrating HTTP Live Streaming, I can just open up the video URLs and do File > Save. This is what I (actually the client's legal team) would like to avoid.
http://iphone.akamai.com/
Edit: Tried to clarify my question based on responses so far.
its known fact that anything accessible to a browser is downloadable, otherwise the browser couldn't get it. most users are to busy watching the video to think about downloading it, but if they want it there get it...
#dleavitt:
As per Apple's HIG, It is a fact that an app cannot have control of the things outside its sandbox.
So as the Mobile Safari Browser is not in the sandbox of any of the iPhone/iPad apps, it cannot be controlled. You cannot modify or make any changes into its default behaviour.
So keeping it in simple words, You cannot stop downloading videos via Mobile Safari Browser as you dont have control over it.
Hope this helps you.