WIP: screen capture

This commit is contained in:
w-okada 2023-07-19 19:41:56 +09:00
parent 7e4eed04e6
commit 43a1583731
7 changed files with 59 additions and 1176 deletions

View File

@ -1,10 +1 @@
<!DOCTYPE html>
<html style="width: 100%; height: 100%; overflow: hidden">
<head>
<meta charset="utf-8" />
<title>Voice Changer Client Demo</title>
<script defer src="index.js"></script></head>
<body style="width: 100%; height: 100%; margin: 0px">
<div id="app" style="width: 100%; height: 100%"></div>
</body>
</html>
<!doctype html><html style="width:100%;height:100%;overflow:hidden"><head><meta charset="utf-8"/><title>Voice Changer Client Demo</title><script defer="defer" src="index.js"></script></head><body style="width:100%;height:100%;margin:0"><div id="app" style="width:100%;height:100%"></div></body></html>

File diff suppressed because one or more lines are too long

31
client/demo/dist/index.js.LICENSE.txt vendored Normal file
View File

@ -0,0 +1,31 @@
/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
/**
* @license React
* react-dom.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/**
* @license React
* react.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/**
* @license React
* scheduler.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/

View File

@ -49,12 +49,12 @@
"ts-loader": "^9.4.4",
"tsconfig-paths": "^4.2.0",
"typescript": "^5.1.6",
"webpack": "^5.88.1",
"webpack": "^5.88.2",
"webpack-cli": "^5.1.4",
"webpack-dev-server": "^4.15.1"
},
"dependencies": {
"@dannadori/voice-changer-client-js": "^1.0.161",
"@dannadori/voice-changer-client-js": "^1.0.162",
"@fortawesome/fontawesome-svg-core": "^6.4.0",
"@fortawesome/free-brands-svg-icons": "^6.4.0",
"@fortawesome/free-regular-svg-icons": "^6.4.0",

View File

@ -3,6 +3,7 @@ import { useAppState } from "../../../001_provider/001_AppStateProvider";
import { fileSelectorAsDataURL, useIndexedDB } from "@dannadori/voice-changer-client-js";
import { useGuiState } from "../001_GuiStateProvider";
import { AUDIO_ELEMENT_FOR_PLAY_RESULT, AUDIO_ELEMENT_FOR_TEST_CONVERTED, AUDIO_ELEMENT_FOR_TEST_CONVERTED_ECHOBACK, AUDIO_ELEMENT_FOR_TEST_ORIGINAL, INDEXEDDB_KEY_AUDIO_OUTPUT } from "../../../const";
import { isDesktopApp } from "../../../const";
export type DeviceAreaProps = {};
@ -298,24 +299,27 @@ export const DeviceArea = (_props: DeviceAreaProps) => {
// 共有スタート
try {
// displayMediaStream.current = await navigator.mediaDevices.getDisplayMedia({
// video: true,
// audio: true,
// });
const constraints = {
audio: {
mandatory: {
chromeMediaSource: "desktop",
if (isDesktopApp()) {
const constraints = {
audio: {
mandatory: {
chromeMediaSource: "desktop",
},
},
},
video: {
mandatory: {
chromeMediaSource: "desktop",
video: {
mandatory: {
chromeMediaSource: "desktop",
},
},
},
};
// @ts-ignore
displayMediaStream.current = await navigator.mediaDevices.getUserMedia(constraints);
};
// @ts-ignore
displayMediaStream.current = await navigator.mediaDevices.getUserMedia(constraints);
} else {
displayMediaStream.current = await navigator.mediaDevices.getDisplayMedia({
video: true,
audio: true,
});
}
} catch (e) {
console.log(e);
return;

View File

@ -1,12 +1,12 @@
{
"name": "@dannadori/voice-changer-client-js",
"version": "1.0.161",
"version": "1.0.162",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "@dannadori/voice-changer-client-js",
"version": "1.0.161",
"version": "1.0.162",
"license": "ISC",
"dependencies": {
"@types/readable-stream": "^2.3.15",

View File

@ -1,6 +1,6 @@
{
"name": "@dannadori/voice-changer-client-js",
"version": "1.0.161",
"version": "1.0.162",
"description": "",
"main": "dist/index.js",
"directories": {