HTML5 audio only use ear speaker on responsive website - browser

is there a way to tell a browser that all Sounds on my Website should be played over the normal ear speaker on smartphones?
The Soundfiles on the Website can contain personal information and user of my site should be able to listen to the Audiofiles in public spaces.

Related

How to make Azure Media Service hosted video auto play on mobile?

I am working on a project where by we are hosting and streaming video through Azure Media Service.
There is a particular video we have positioned as the hero background upon entry to the site. On desktop the video auto-play's and streams just fine but on mobile it does not autoplay at all. It simply showcases the preview image.
I'd love to be able to paste a link to the site but unfortunately due to the confidentiality of the project I am not able to. However, if there is something in particular you'd like me to post to help support the question please let me know.
The web-app is build using Angular.
Does anyone know how to fix this problem? or can point me in the right direction?
Check with the browser platform you are targeting on the mobile applications. Most mobile browsers have disabled autoplay. User MUST now initiate all playback actions.
Since the release of iOS 10 Apple has allowed muted video autoplay: https://webkit.org/blog/6784/new-video-policies-for-ios/
Chrome 53 on Android also allowing muted video autoplay: https://developers.google.com/web/updates/2016/07/autoplay

can't play/download MP4 files from behind .htaccess on mobile device such as android / blackberry

I have made a site with a password protected directory and
inside is simple html page with link to mp4 video file located inside directory.
When logged into to directory Android device such as Samsung Galaxy S2 or Blackberry Playbook fail to open this video file. On desktop , IE and FF work fine.
this is response from host:
"It appears this is a limitation of the browsers in mobile devices being unable to use the authentication that has already been completed to fetch the video file using the embeded player. After investigating in depth I am unable to get any other player to play video on my mobile device if it is behind a .htaccess password protection since the requests for the actual video file are being denied with 403."
So what is solution to play Mp4 behind htaccess on mobile device?
I am guessing one way to do it is that the link should be not to the file directly but should trigger a small module that will give permissions to the file for the client ip that has just connected then redirect to the file. The permissions can be retracted sometime later. But it feels messy and am not really sure if this is scalable at huge traffic levels.

How can I use a UIWebview to load content from a asp.net website dynamically loading .mp4 video and get the video to play?

I have a client that has a website. The website current allows users to login and search for and play .mp4 video. The list of playlist is created dynamically where values are stored in a sql server 2008 database. My client's site is already built for smartphone utilization and did not want to recreate an iphone app. Besides it would mean loading thousands of video. Instead I thought I would use the UIWebview to load the website. This seemed to work well. However, when you try to click on and play video within the UIWebview nothing happens. This is not the case if we launch the mobile website within the apple mobile safari browser. The vide plays by kicking off in the iPhone video player. Is there any way to accomplish this same functionality with a uiwebview? Any guidance or help is appreciated.
UIWebView will play video using <video> if everything is set up correctly, either remote files or local files will work (if they are the correct format).
What does your video tag look like? In particular your src.
If you want to, for example, play an inline video the html5 for that would be something like
<video id="theVideo" controls width="280" height="160" src="yourVideo.mp4" webkit-playsinline></video>
And it would be necessary in the UIWebView to set this line
self.webView.allowsInlineMediaPlayback = YES;
Or you can also explicitly load the media player, but doing everything in HTML5 is neat and tidy and easy.

Easiest way to sound of an audio file for notification purposes on a website?

It has to work on IE8 and above, and the rest of the modern browsers (Firefox, Chrome, Opera).
Related question:
How to play a notification sound on websites?
I've tried using the Yahoo! Media Player, but it refuses to pick up on my .mp3 links despite them looking like:
<a id="wolf-blue" href="/Public/audio/wolf.mp3">a</a>
Assuming I have a .mp3 file and I want to play it when a timer reaches 0, what do you suggest I use to play this sound file? I do not want to show my users any sort of player UI, just play the sound.
You'll want to check out jPlayer. It's an HTML5 Audio player that has fallback to Flash for browsers that don't support HTML5.
You can use CSS to completely customize the player, including hiding it from view.

rtp and rtsp player integration to browser

I am trying to build a web service that will stream music over a web browser.
I got a server running to open up a web page that says "hello world".
The problem is that I do not understand what I need to put in the web page to start a rtp session.
I understand that I need some sort of player on the web page I'm opening but I do not understand how to make that player or how to show it up on the web page.
can someone help me?
A little late to the party here, but ...
You will need a player of some kind.
Currently, the browsers do not support playing a live RTP stream. I've done some work in this area and it has required that I transcode the video to FLV for it to be viewable in many of the free flash players (i.e. JWPlayer, Flowplayer, etc.).
You could also write a custom browser plugin to read the RTP stream and display it in the browser but that would be sizeable undertaking.

Resources