I have placed the below code in a webpage and viewed over my local webserver
<img src="http://192.168.1.117/Streaming/channels/1/httpPreview" alt="Cam1 feed">
The stream is configured to output mpeg and not RTSP
This works without issues when viewed on a windows computer with chrome & firefox and is OK when viewed on my Android phone with Chrome.
But this does not work when viewed on a iphone or ipad with either Chrome or Safari.
After searching for a while I am coming to the conclusion to try and encode into a WebRTC to add to a video tag.
Is this the right approach as it was fairly easy to get working on a computer and android phone.
Related
We are developing web for kiosk based on Android OS. I am trying to use the webcam for qrcode recognition, it works fine in Firefox but the camera is not recognized in Chrome. Even if you call MediaDevices with js code, video input does not come out only in Chrome. Can anyone guess the cause?
I am using videojs to use HLS in Chrome but for a particular URL this fails (CORS issue) but in Safari it plays without problems.
I have a code in videojs but for figure out the problem faster, I used you this online player:
https://videojs.github.io/videojs-contrib-hls/
For this file, problem is present in Chrome (but not in Safari):
https://s3-us-west-2.amazonaws.com/andy-mediaconvert-tests/Haystack.tv/2019-05-10_Output/02_qvbr_ch1/ch1_hd720.m3u8
Other link like this works in both:
https://d2ufudlfb4rsg4.cloudfront.net/bloomberg/IIrcyflxg/IIrcyflxg_medium.m3u8
Then, my question is, why Safari can play a video with CORS issue but Chrome not?. Or how Safari avoid the CORS issue? to try to reproduce it in Chrome.
CORS is enforced by the browser, not the server. So it’s up to the browser whether the resource is blocked or accessed. In the case is chrome, the video segments are downloaded via XHR, and therefore are handled by the browser HTTP stack. In the case of safari, which natively supports HLS, the segments are downloaded by the media player directly, bypassing the browser, and thus CORS.
This behavior can not be reproduced in chrome.
It appears Firefox OS has a way to turn a device's camera flash on and off.
Is there a way to turn the camera flash of a phone on or off in a standards-compliant way from within web browsers running on the phone? E.g. within Chrome on Android/iOS, Safari on iOS, etc.?
It appears you can read the capabilities but not manually set them.
Asking to see if it's possible to build a mobile webapp that works like a flashlight.
The web speech API currently works in Chrome, but I have been unable to get in to work in mobile chrome on the iPhone. I haven't been able to find any info on the net, as to whether there is a way to access the API on mobile, or whether it works on Chrome for Android.
I'm working on a site using cached video in HTML5. It works fine on a laptop using Safari. When I test on mobile Safari using IOS 5, I see the following:
Site works and plays video fine when 1st loaded.
I get prompted if I want to cache 10 MB of data on my iPhone. I say yes. (Cache size in Safari was 9.5 MB) Website data page in mobile Safari settings confirms 9.5 MB are cached.
When I try to return to the website in a new tab, the HTML and images load, but for the video I get a play button with a line through it.
This happens regardless of whether I turn Airplane Mode on or off.
I have the exact same issue. I have seen various things by searching that suggest one of two things. Either HTML5 cache.manifest doesn't allow video, or mp4/m4v videos get cached with a different name and then don't get found after caching. I'm hoping there is a way to do it, but I still haven't found anything.