I have a Mobile web page (on an iPhone), where-in I have a button called ‘launch camera’. Clicking on this button in Safari browser, will launch native device camera. It is done using this code, . It runs like a pure web application. Now, I want to introduce augmented reality way of displaying video. When I track an image using device camera, it should play a respected video. I have earlier done this natively integrated with Metaio, Qualcomm vuforia etc. But, I need to do this in the mobile web page, not through native or hybrid, my requirement is that. How can I integrate scan (track) an image and play respected video an augmented reality way through a Mobile web page and device camera?
Please advise!
It's currently not possible. iOS browser won't let you access the live image from your camera and draw on top of the view finder.
Related
I want to create an enhanced casting on my iOS app.
In simple words, I want to be able to customise the view that's on the screen the user is casting into.
UI for example:
User is watching a video on iOS device.
User clicks on airplay to cast the video to an external device, such as a TV.
Device's screen still showing the video, but on the external device the display contains the video with some customise widgets on it, and a window showing the camera coming from the iOS mobile.
I couldn't find any related information on web, maybe you'll have an idea on what can I do? and what is possible.
Thanks!
Using the Unity ReplayKit API from https://docs.unity3d.com/550/Documentation/ScriptReference/Apple.ReplayKit.ReplayKit.html
I can record, preview and share screen recordings just fine, however due to design & UX requirements I need to have custom buttons to invoke sharing/saving of the recorded clip. I need to show the recorded clip right after the capture (for example like videotexture on a plane) in the background with custom share button overlays.
Is there a way to access the clip captured by ReplayKit and bypass iOS native preview screen?
With iOS 11, you can have direct access to the video. See https://developer.apple.com/videos/play/wwdc2017/606/
You can save it using AVAssetWriter, then do whatever you want with it after that.
This project doesn't completely work, but will head you in the right direction: https://medium.com/#giridharvc7/replaykit-screen-recording-8ee9a61dd762
I have created a web page that auto plays a full screen background video.
On top of the video is a div that contains text & a link to an external site - this works fine in all desktop browsers.
How do i recreate the same setup to play on mobile devices - would I need to use javascript in order to achieve this?
I have spent many hours trawling google for a definitive answer and am now very confused.
Thanks in advance.
Autoplay for HTML5 video is not allowed on mobile devices such as iOS or Android. You can read this for the whys and hows on iOS.
On iPhone the video plays in the default (fullscreen) Quicktime player. So there is no real background notion (this could be accomplished in a native app where inline playback of video is allowed but not in the Safari/web browser). You would need to stick to an image I guess.
On the iPad or on Android in order to accomplish what you want you will need to bind your video tag to a touch event/button (like when a user 'touch' to enter your site), and on this event initiate the play sequence for the video (in your case the video being set to occupy the full width and height of the viewport).
Thanks
I'm using phonegap 1.2 in a ipad2 app. I need to use the camera facing front, not the main camera. When the API activates the camera it starts ok, but it uses then main camera on the back, and the user has to switch to the secondary camera in the front. I can't find any parameters in the Phonegap API that can select which camera to use.
I'm afraid this is not one of the PhoneGap's features for the moment. I suggest you take this up to the github issue tracker for iOS of it's something you are interested.
I have a Facebook application where you can create an animation and share it on your wall. Each feed has a swf player that lets users to play the animation directly on the wall. (like any shared video). As IOS does not support flash, I have also created a native IOS application for playing those animations.
These posts can't be played on IOS devices, when touched, 'Flash Player update required' placeholder is shown.
What I want to do is, to have an alternative link for iPads to play these feeds on my native IOS app (like fb://APP_ID/video_url).
Is it possible to provide a native IOS App url for inline swf feeds?
I don't think swf playing is possible on iOS, inline or not. The only thing you can do, is to convert that animation to an iOS compatible format, like QuickTime, or HTML5.