add airplay

package.json

@@ -51,6 +51,7 @@
     "@emotion/react": "^11.6.0",
     "@emotion/styled": "^11.6.0",
     "@mui/material": "^5.2.1",
+    "@silvermine/videojs-airplay": "^1.1.0",
     "@silvermine/videojs-chromecast": "^1.3.3",
     "@ungap/from-entries": "^0.2.1",
     "auto-launch": "^5.0.5",

ui/component/viewers/videoViewer/internal/videojs.jsx

@@ -4,6 +4,7 @@ import 'videojs-ima'; // loads directly after contrib-ads
 import 'video.js/dist/alt/video-js-cdn.min.css';
 import './plugins/videojs-mobile-ui/plugin';
 import '@silvermine/videojs-chromecast/dist/silvermine-videojs-chromecast.css';
+import '@silvermine/videojs-airplay/dist/silvermine-videojs-airplay.css';
 import * as ICONS from 'constants/icons';
 import * as OVERLAY from './overlays';
 import Button from 'component/button';
@@ -26,6 +27,7 @@ import { useIsMobile } from 'effects/use-screensize';
 const canAutoplay = require('./plugins/canAutoplay');
 
 require('@silvermine/videojs-chromecast')(videojs);
+require('@silvermine/videojs-airplay')(videojs);
 
 export type Player = {
   controlBar: { addChild: (string, any) => void },
@@ -311,6 +313,7 @@ export default React.memo<Props>(function VideoJs(props: Props) {
       }
 
       Chromecast.initialize(player);
+      player.airPlay();
     });
 
     // fixes #3498 (https://github.com/lbryio/lbry-desktop/issues/3498)

yarn.lock

@@ -1919,6 +1919,11 @@
   dependencies:
     "@sentry/cli" "^1.49.0"
 
+"@silvermine/videojs-airplay@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@silvermine/videojs-airplay/-/videojs-airplay-1.1.0.tgz#3f23fe9aaa4af9041f800d88f51b56748e214fdd"
+  integrity sha512-f1N9YA9PJBVNpxv3/bfJZBbS9Qb51XL1+nnWqwOkDS1S6CbjGypan62nY6qU/uqKOHHQ+jXlRgQ5w9Dy3kbDjw==
+
 "@silvermine/videojs-chromecast@^1.3.3":
   version "1.3.3"
   resolved "https://registry.yarnpkg.com/@silvermine/videojs-chromecast/-/videojs-chromecast-1.3.3.tgz#44d81a18f6812aace05c0c37bfd3abc07505d495"