I am trying to build a mobile phone app using Ionic Framework to live stream video captured through phone camera. This is very similar to https://www.periscope.tv/
I will capture this stream on my server, transcode and then distribute it again. I looked into the camera plugin for cordova https://github.com/apache/cordova-plugin-camera. I am not sure if it is possible to live stream from camera using ionic framework.
If not, what are my other options except for going native.
Take a look for this tutorial: https://www.youtube.com/watch?v=U2LOpmCpK-g
This is a quick demo of setting up and running the RTCOMM Mobile Sample app. This sample uses the Ionic framework and angular-rtcomm library to build a Hybrid Mobile application.
I followed this tutorial and works! I recomend you to try first running from an iPhone (iOS 9.3 in my case) and make a call to a browser (Firefox 45.0.2), works perfectly. I also tried with Android, but has some mistakes.
Hi you can use ionic framework to embed video streaming for mobile app and the reference for the link is Nic raboy video in Ionic and the plugin for the project is camera, you can edit this plugin documents based upon your requirements in delaying the app to show and inject $http service in your controller to send the data to server
Related
Our app uses Phonegap's inappbrowser to point to our website. Our website (written in Laravel) has an edit profile page where you can upload a profile pic. This works fine on desktop but in the Phonegap app tapping the 'Choose Picture' button does not bring up the Android file system or gallery. I've installed both file system plugin and file transfer plugin for Cordova and it doesn't make a difference. Is my only choice really to re-write this part of the app custom for Phonegap using JS?
<input type="file" has a lot of know errors on mobile and isn't supported with Android WebViews in general. I would suggest using the FileTransfer Plugin to accomplish what you're trying to do. Use the upload method of this plugin to manually upload the file to the remote server. Also look at the Camera Plugin to choose which image on the device to upload.
Install the plugin cordova camera and also FileTransfer, I think that could help you much more than any kind of input, remembers working in the default browser and operating system often fail with different html attributes. There are several ways to get the picture from the device to make an upload to a server. If you're only working on Android, check your code on several devices since in some models (mostly Motorola) my fault I often a code if it works in Samsung for example. Always keep your updated plugins.
Plugin Camera
FileTransfer
I am looking for a plugin or plugins that would allow me to show audio metadata (Title, Artwork etc.) on the Lockscreen of both iOS and Android.
Along with that I would like to control the audio from the lockscreen (Play pause etc, it already happens in iOS I need it happen on Android).
Lastly the plugin should provide audio information within the control center in iOS and the notification area in Android of cause with the ability to Play Pause etc.
If it is easier to do with some native code tweaks then can someone please point that out also to a tutorial as to how it can be done.
Below are some examples of what I am speaking about
This plugin does what you're looking for: https://github.com/homerours/cordova-music-controls-plugin
As of writing it has a few issues with iOS html5 audio (see https://github.com/homerours/cordova-music-controls-plugin/issues/97 and https://github.com/homerours/cordova-music-controls-plugin/issues/66) but works across iOS, android and windows phone.
You could also try this, however I have never tried it. It uses the native players for iOS and Android, and will not work on chrome or your dev machine.
https://github.com/wnyc/cordova-plugin-playerhater
On my current project I have much the same need as you, (I am using HTML5 audio) and have had to put together a number of different plugins.
iOS Background Audio
https://github.com/AubreyHewes/cordova-background-audio
iOS Meta data:
https://github.com/ChoiZ/NowPlaying
https://github.com/shi11/RemoteControls
I am working on a solution for a modular android audio notification controls using the webintent plugin, but I am far from finishing it. I'll post back here when it's done.
I am developing HTML5 app that will be targeted for mobile platforms (mostly iOS, Android). Case is that user will open such page and use his mobile camera to take photo and then process it.
I found that iOS browser isn't capable for HTML5 Stream API (http://caniuse.com/#feat=stream, http://mobilehtml5.org/).
I thought, that maybe I can use cordova (phonegap) plugin to access device capabilities, but I don't know so far if it solves my problem.
Can I use cordova, deploy web app and access it using mobile to get stream from camera or cordova can do it only if packaged into native app and deployed to device?
I found this (Can anyone access to the camera by html5 in the mobile safari (ios5)?) answer, but it is quite old. Is it still actual? Are there any other approaches?
Actually the iOS mobile safari can native use the image picker using an basic upload JavaScript function
Take a look on http://fineuploader.com/demos.html
I think that can help you with your task
Hope this help
I am currently developing an Android app using the Cordova 3.5 framework. The app allows users to watch a few videos, and I would like to be able to stream those videos from the Android app to an Apple TV or any Airplay-compatible client.
Is it possible to do this using Cordova for Android ? I did some research and found pretty much nothing on the subject.
Thanks for your help
I am developing a cross-platform application. I came across Phonegap, which supports several mobile devices. But I am new in this field so I'm facing some issues.
I have a requirement, where the user downloads video files from a server and then opens those from local storage from mobile.
So how to achieve this using Phonegap, which should support iOS, Android and Windows.
I have already gone through:
Phonegap - jQuery Mobile - Download/Save/Load File
http://docs.phonegap.com/en/2.0.0/cordova_file_file.md.html#LocalFileSystem
But I'm not getting proper documentation/tutorial. If there are any examples available then it would be helpful to check/debug.
Thanks in advance.
A search on SO shows that on Android there are some issues with HTML5 video and Phonegap:
Phonegap 2.3 and Android with HTML5 video tag in 2013
At least in Window Phone 7 there are some tricks as well (storage path related).
How to play embedded video in WP7 - Phonegap?
Which may explain why there isn't a single multi-platform example which is what I think you are looking for.