sam_oneal/fx_cast
1
0
Fork 0
mirror of https://github.com/hensm/fx_cast.git synced 2026-06-11 18:19:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Convert mirroringCast sender to typescript

Browse Source
This commit is contained in:
hensm
2019-06-14 13:39:28 +01:00
parent 0427e08b6a
commit bfc09376d1
7 changed files with 123 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
ext/src/senders/mediaCast.ts
View File

@@ -55,10 +55,10 @@ function getLocalAddress () {
}
async function onRequestSessionSuccess (session_: cast.Session) {
async function onRequestSessionSuccess (newSession: cast.Session) {
cast.logMessage("onRequestSessionSuccess");
session = session_;
session = newSession;
let mediaUrl = new URL(srcUrl);
const port = options.localMediaServerPort;
@@ -163,13 +163,16 @@ async function onRequestSessionSuccess (session_: cast.Session) {
, onLoadMediaSuccess
, onLoadMediaError);
}
function onRequestSessionError () {
cast.logMessage("onRequestSessionError");
}
function sessionListener (session: cast.Session) {
function sessionListener (newSession: cast.Session) {
cast.logMessage("sessionListener");
}
function receiverListener (availability: string) {
cast.logMessage("receiverListener");
@@ -180,13 +183,16 @@ function receiverListener (availability: string) {
}
}
function onInitializeSuccess () {
cast.logMessage("onInitializeSuccess");
}
function onInitializeError () {
cast.logMessage("onInitializeError");
}
function onLoadMediaSuccess (media: cast.media.Media) {
cast.logMessage("onLoadMediaSuccess");
@@ -305,38 +311,47 @@ function onLoadMediaSuccess (media: cast.media.Media) {
});
}
}
function onLoadMediaError () {
cast.logMessage("onLoadMediaError");
}
/* play */
function onMediaPlaySuccess () {
cast.logMessage("onMediaPlaySuccess");
}
function onMediaPlayError (err: cast.Error) {
cast.logMessage("onMediaPlayError");
}
/* pause */
function onMediaPauseSuccess () {
cast.logMessage("onMediaPauseSuccess");
}
function onMediaPauseError (err: cast.Error) {
cast.logMessage("onMediaPauseError");
}
/* stop */
function onMediaStopSuccess () {
cast.logMessage("onMediaStopSuccess");
}
function onMediaStopError (err: cast.Error) {
cast.logMessage("onMediaStopError");
}
/* seek */
function onMediaSeekSuccess () {
cast.logMessage("onMediaSeekSuccess");
}
function onMediaSeekError (err: cast.Error) {
cast.logMessage("onMediaSeekError");
}

101
ext/src/senders/mirroringCast.js → ext/src/senders/mirroringCast.ts
View File

@@ -1,17 +1,24 @@
"use strict";
import { ReceiverSelectorMediaType }
from "../receiver_selectors/ReceiverSelector":
import options from "../lib/options";
import cast, { init } from "../shim/export";
import { ReceiverSelectorMediaType }
from "../receiver_selectors/ReceiverSelector";
// Variables passed from background
const { selectedMedia }
: { selectedMedia: ReceiverSelectorMediaType } = (window as any);
let chrome;
let logMessage;
const FX_CAST_NAMESPACE = "urn:x-cast:fx_cast";
let session;
let session: cast.Session;
let sessionRequested = false;
let pc;
let pc: RTCPeerConnection;
const canvas = document.createElement("canvas");
const ctx = canvas.getContext("2d");
@@ -35,19 +42,24 @@ window.addEventListener("resize", () => {
let interval;
function sendMessage (subject, data) {
function sendMessage (subject: string, data: any) {
session.sendMessage(FX_CAST_NAMESPACE, {
subject
, data
});
}, null, null);
}
window.addEventListener("beforeunload", () => {
sendMessage("close");
sendMessage("close", null);
});
async function onRequestSessionSuccess (session_, selectedMedia) {
logMessage("onRequestSessionSuccess");
async function onRequestSessionSuccess (
// tslint:disable-next-line:variable-name
session_: cast.Session
, newSelectedMedia: ReceiverSelectorMediaType) {
cast.logMessage("onRequestSessionSuccess");
session = session_;
@@ -72,8 +84,8 @@ async function onRequestSessionSuccess (session_, selectedMedia) {
sendMessage("iceCandidate", ev.candidate);
});
switch (selectedMedia) {
case ReceiverSelectorMediaType.Tab:
switch (newSelectedMedia) {
case ReceiverSelectorMediaType.Tab: {
interval = setInterval(() => {
ctx.clearRect(0, 0, canvas.width, canvas.height);
ctx.drawWindow(
@@ -85,15 +97,21 @@ async function onRequestSessionSuccess (session_, selectedMedia) {
, "white" // bgColor
, ctx.DRAWWINDOW_DRAW_VIEW); // flags
}, 1000 / 30);
pc.addStream(canvas.captureStream());
break;
case ReceiverSelectorMediaType.Screen:
const stream = await navigator.mediaDevices.getUserMedia({
video: { mediaSource: "window" }
});
pc.addStream(stream);
pc.addStream(canvas.captureStream());
break;
}
case ReceiverSelectorMediaType.Screen: {
const stream = await navigator.mediaDevices.getUserMedia({
video: { mediaSource: "screen" }
});
pc.addStream(stream);
break;
}
}
const desc = await pc.createOffer();
@@ -101,19 +119,22 @@ async function onRequestSessionSuccess (session_, selectedMedia) {
sendMessage("peerConnectionOffer", desc);
}
function onRequestSessionError () {
logMessage("onRequestSessionError");
cast.logMessage("onRequestSessionError");
}
function sessionListener (session) {
logMessage("sessionListener");
}
function receiverListener (availability) {
logMessage("receiverListener");
if (!sessionRequested && availability === chrome.cast.ReceiverAvailability.AVAILABLE) {
function sessionListener (newSession: cast.Session) {
cast.logMessage("sessionListener");
}
function receiverListener (availability: string) {
cast.logMessage("receiverListener");
if (!sessionRequested
&& availability === cast.ReceiverAvailability.AVAILABLE) {
sessionRequested = true;
chrome.cast.requestSession(
cast.requestSession(
onRequestSessionSuccess
, onRequestSessionError);
}
@@ -121,29 +142,31 @@ function receiverListener (availability) {
function onInitializeSuccess () {
logMessage("onInitializeSuccess");
cast.logMessage("onInitializeSuccess");
}
function onInitializeError () {
logMessage("onInitializeError");
cast.logMessage("onInitializeError");
}
window.__onGCastApiAvailable = (loaded, errorInfo) => {
chrome = window.chrome;
logMessage = chrome.cast.logMessage;
init().then(async bridgeInfo => {
if (!bridgeInfo.isVersionCompatible) {
console.error("__onGCastApiAvailable error");
return;
}
logMessage("__onGCastApiAvailable success");
const sessionRequest = new chrome.cast.SessionRequest(
FX_CAST_RECEIVER_APP_ID);
const mirroringAppId = await options.get("mirroringAppId");
const sessionRequest = new cast.SessionRequest(mirroringAppId);
const apiConfig = new chrome.cast.ApiConfig(sessionRequest
const apiConfig = new cast.ApiConfig(
sessionRequest
, sessionListener
, receiverListener
, undefined, undefined
, selectedMedia);
chrome.cast.initialize(apiConfig
cast.initialize(apiConfig
, onInitializeSuccess
, onInitializeError);
}
});