I have a WebView-app in which HTML5 audio elements play streams.
When, on my iPhone, I play a stream and bring up the notification center (by sliding up from the bottom of the screen), I do see the audio controls, but not the title of the stream.
How do I add a title to the streams so that at least some info about the stream is displayed below the audio controls in the notification center?
Apparently, you can set it using the .title property of the Audio object.
Related
I am using Ant Media Server for ultra-low latency WebRTC streaming. But video stream is freezing when I play it from the iPhone Safari browser. How can I solve this?
Yeah it's about safari autoplay scenario in WebRTC. In documentation, It says that
However, for a one-way video conferencing scenario, such as a webinar, the user does not give explicit permission to the camera. Without a user gesture to indicate playback, the video cannot start. Add a play button to your media controls for one-way WebRTC experiences, so the user can start the video.
Another place in documentation also says that
By default, autoplay executes only if the video doesn’t contain an audio track, or if the video element includes the muted attribute.
So solution is that, you either play content explicitly or you can mute the player and let the safari autoplay work for you. For some cases, it does not even auto play if it's muted so that you need some failover scenario again.
From our experience, if it freezes in the first frame with unmuted content, just click the play button on the screen as shown below works every time.
Browser will autoplay VIDEO element only if muted.
Solution is to add a Tap for Audio and start it muted or a Tap to Play button if important to start with sound. As in this HTML5 Videocall App.
use
setTimeOut(()=>{
video.play();
});
The Safari browser wants the user intervention to start/stop video stream. The above code snippet mimics that behaviour and starts the video stream in the video element.
If you are drawing the video element on canvas then you have to set the opacity=0.001 and width and height of the video element to 1px at least.
I'm building an App that plays a mp3 file (hosted on http://<somewhere>/<audio>.mp3) while the user is watching some changing labels (think about a lyrics app, which write the lyrics synchronised with the song).
In the bottom side of the screen I'd like to show the audio controls (play/pause, ff, rew), and a bar for indicating the downloaded part of the file and the playing point.
How is the easiest way to do it? I've already tried with AVAudioPlayer, AVplayer and MPMoviePlayerController, but none of them solved my problem.
You can use MPVolumeView Class.Read the documentation here http://developer.apple.com/library/ios/#documentation/mediaplayer/reference/MPVolumeView_Class/Reference/Reference.html
I would like to programmatically produce a video using the microphone on the iPad (for sound) and the screen display (for visual)? Is this possible? How should I proceed?
Possible, but not easy. A rough outline:
Start capturing the audio: How do I record audio on iPhone with AVAudioRecorder?
Capture individual images of the screen as fast as you can: How to capture current view screenshot and reuse in code? (iPhone SDK)
Later, combine the two into a video. I have no clue how to do this part.
I have a web page with several html5 tags, offering users a number of posters/thumbnails for videos they can choose to play. When a user touches one of the them the iPhone video player opens and the video plays. I want to be able to automatically close the video player after the video has finished and return the user to the thumbnails.
I have set the event listener for the "ended" event and I can detect that the video has finished, but I can't figure out how to close the video player and return to the thumbnails. It just waits for the user to touch the "done" button. Is there any way of doing this in Javascript??
jQuery -
$('video').get(0).webkitExitFullscreen();
Uncertain what iOS version this was supported. See The correct method is webkitExitFullscreen. See https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode for full support
I've few doubts regarding movie player app
How can I customize the screen size. I want only video or movie to be played only to half the screen and I want to add custom controls buttons to the remaining half of movie player.
In movie player example overlay view is there but how to change the name of the button and label in that and I'm unable to do that.
The MPMovePlayer UI cannot be modified. It plays fullscreen video, and provides the default controls. There's currently no way to do what you need in the official iPhone SDK.
Use this link for video player customization:
https://developer.apple.com/library/ios/samplecode/MoviePlayer_iPhone/Introduction/Intro.html#//apple_ref/doc/uid/DTS40007798
download sample code and modify accordingly.