roypur/stream-api
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

silvermine chromecast

Browse Source
This commit is contained in:
Roy Olav Purser 2021-05-12 16:03:39 +02:00
parent 6d5baafecc
commit 16dea6cbc4
Signed by: roypur
GPG Key ID: E14D26A036F21656
2 changed files with 5 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
index.html
View File

@ -2,7 +2,8 @@
<head> <head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/video.js/{{ videojs_version }}/video-js.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/video.js/{{ videojs_version }}/video-js.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/video.js/{{ videojs_version }}/video.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/video.js/{{ videojs_version }}/video.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/castjs/{{ castjs_version }}/cast.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@silvermine/videojs-chromecast@latest/dist/silvermine-videojs-chromecast.min.js"></script>
<script src="https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1"></script>
<script src="{{ script }}"></script> <script src="{{ script }}"></script>
</head> </head>
<body> <body>

12
script.js
View File

@ -5,25 +5,19 @@ document.addEventListener("DOMContentLoaded", () => {
let bodies = document.getElementsByTagName("body"); let bodies = document.getElementsByTagName("body");
if(bodies.length === 1) { if(bodies.length === 1) {
let body = bodies[0]; let body = bodies[0];
let cast = document.createElement("button");
cast.innerHtml = "Google Cast";
let cjs = new Castjs();
cast.addEventListener("click", () => {
if(cjs.available) {
cjs.cast(upstream);
}
});
let xhr = new XMLHttpRequest(); let xhr = new XMLHttpRequest();
xhr.addEventListener("load", () => { xhr.addEventListener("load", () => {
let video = document.createElement("video"); let video = document.createElement("video");
video.className = "video-js"; video.className = "video-js";
body.appendChild(video); body.appendChild(video);
body.appendChild(cast);
let ctype = xhr.getResponseHeader("Content-Type"); let ctype = xhr.getResponseHeader("Content-Type");
console.log(ctype); console.log(ctype);
let options = {}; let options = {};
options.controls = true; options.controls = true;
options.liveui = true; options.liveui = true;
options.techOrder = ["chromecast", "html5"];
options.plugins = {};
options.plugins.chromecast = {};
let player = videojs(video, options); let player = videojs(video, options);
let source = {}; let source = {};
source.type = ctype; source.type = ctype;