MigrateRepos/decentralized-video-chat
1
0
Fork 0
mirror of https://github.com/ianramzy/decentralized-video-chat.git synced 2025-02-23 00:15:04 +08:00
Code Issues Releases Wiki Activity

Add support for Safari on iOS

Browse Source
This commit is contained in:
Ian Ramzy 2020-04-12 13:56:33 -04:00
parent f1c22d2a6c
commit 9d8a4c3725
3 changed files with 31 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/chat.html vendored
View File

@ -47,10 +47,10 @@
</div> </div>
<p id="remote-video-text"></p> <p id="remote-video-text"></p>
<video id="remote-video" autoplay></video> <video id="remote-video" autoplay playsinline></video>
<div id="moveable"> <div id="moveable">
<p id="local-video-text">No webcam input</p> <p id="local-video-text">No webcam input</p>
<video id="local-video" autoplay muted></video> <video id="local-video" autoplay muted playsinline></video>
</div> </div>
<div id="entire-chat"> <div id="entire-chat">

18
public/css/chat.css vendored
View File

@ -548,4 +548,22 @@ button:hover {
} }
} }
/*Hide video controls on mobile*/
/*todo: still buggy on iOS, play/pause button pops up on load for iOS,
goes away after you press pause then play again*/
video ::-webkit-media-controls-panel {
display: none !important;
-webkit-appearance: none;
}
video ::--webkit-media-controls-play-button {
display: none !important;
-webkit-appearance: none;
}
video ::-webkit-media-controls-start-playback-button {
display: none !important;
-webkit-appearance: none;
}
/* End mobile layout */ /* End mobile layout */

22
public/js/chat.js
View File

@ -838,20 +838,20 @@ function togglePictureInPicture() {
function startUp() { function startUp() {
// Redirect mobile browsers // Redirect mobile browsers
if ( // if (
/webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test( // /webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
navigator.userAgent // navigator.userAgent
) // )
) { // ) {
alert( // alert(
"Zipcall is not currently supported on mobile. Please try again on desktop." // "Zipcall is not currently supported on mobile. Please try again on desktop."
); // );
window.location.href = "/notsupported"; // window.location.href = "/notsupported";
} // }
// Redirect unsupported browsers // Redirect unsupported browsers
if (!isWebRTCSupported || browserName === "MSIE") { if (!isWebRTCSupported || browserName === "MSIE") {
alert( alert(
"Your browser doesn't support Zipcall. Please use Chrome, Firefox, or Safari on laptop/desktop." "Your browser doesn't support Zipcall. Please use Chrome, Firefox, or Safari. If using iOS please use Safari"
); );
window.location.href = "/notsupported"; window.location.href = "/notsupported";
} }