marking
/
WGShare.Client.Electron
18
0
Fork 0
Code Pull Requests 1 Actions Releases 4 Activity

Merge pull request '代码格式化并添加类型' (#2) from yj into master 

Reviewed-on: #2
This commit is contained in:
yj 2024-09-22 09:17:38 +08:00
parent 1ecec388ce 3b03d6a8c3
commit 31e0e89c92
1 changed files with 60 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

123
src/page/Meeting/index.tsx
View File

@ -1018,74 +1018,67 @@ const Meeting: React.FC = () => {
}) })
break; break;
case '录制': case '录制':
const setting = await JSON.parse(storage.getItem('setting') as string); const setting = await JSON.parse(storage.getItem('setting') as string);
try { try {
await fs.access(setting.recordingFilesPath, fs.constants.F_OK); await fs.access(setting.recordingFilesPath, fs.constants.F_OK);
footerListTemplate[itemIndex][rowIndex].title = '录制中'; footerListTemplate[itemIndex][rowIndex].title = '录制中';
footerListTemplate[itemIndex][rowIndex].active = true; footerListTemplate[itemIndex][rowIndex].active = true;
setFooterList(footerListTemplate); setFooterList(footerListTemplate);
window.electron.getSources().then(async (sources: any) => { window.electron.getSources().then(async (sources: any) => {
const screenId = sources[0].id; const screenId = sources[0].id;
const stream = await navigator.mediaDevices.getUserMedia({
const stream = await navigator.mediaDevices.getUserMedia({ audio: {
audio: { mandatory: {
mandatory: { chromeMediaSource: 'desktop',
chromeMediaSource: 'desktop', chromeMediaSourceId: screenId,
chromeMediaSourceId: screenId, }
} } as any,
}, video: {
video: { mandatory: {
mandatory: { chromeMediaSource: 'desktop',
chromeMediaSource: 'desktop', chromeMediaSourceId: screenId,
chromeMediaSourceId: screenId, }
} } as any
} });
// 获取所有音频输入设备
const devices = await navigator.mediaDevices.enumerateDevices();
const audioInputDevices = devices.filter(device => device.kind === 'audioinput' &&
device.deviceId !== 'default' &&
device.deviceId !== 'communications');
// 使用Web Audio API来捕获系统声音和麦克风声音，将它们合并到同一个MediaStream中。
const audioCtx = new (window.AudioContext || (window as any).webkitAudioContext)();
const systemSoundSource = audioCtx.createMediaStreamSource(stream);
const systemSoundDestination = audioCtx.createMediaStreamDestination();
systemSoundSource.connect(systemSoundDestination);
// 录制所有音频输入设备
audioInputDevices.forEach(async device => {
const micStream = await navigator.mediaDevices.getUserMedia({ audio: { deviceId: { exact: device.deviceId } } });
const micSoundSource = audioCtx.createMediaStreamSource(micStream);
micSoundSource.connect(systemSoundDestination);
})
// 合并音频流与视频流
const combinedSource = new MediaStream([...stream.getVideoTracks(), ...systemSoundDestination.stream.getAudioTracks()]);
// 开始录制
const recorder = new MediaRecorder(combinedSource, {
mimeType: 'video/webm;codecs=vp9,opus',
videoBitsPerSecond: 1.5e6,
});
setMediaStream(combinedSource);
setRecorder(recorder);
}); });
} catch (error: any) {
// 获取所有音频输入设备 if (error.code === 'ENOENT') {
const devices = await navigator.mediaDevices.enumerateDevices(); message.error({
const audioInputDevices = devices.filter(device => device.kind === 'audioinput' && content: <div>文件夹不存在 <span style={{ color: '#606fc7', cursor: 'pointer' }} onClick={() => {
device.deviceId !== 'default' && stupWizardRef.current.changeModal(3);
device.deviceId !== 'communications' ); }}>前往设置</span></div>
});
// 使用Web Audio API来捕获系统声音和麦克风声音，将它们合并到同一个MediaStream中。 return;
const audioCtx = new (window.AudioContext || window.webkitAudioContext)(); } else {
const systemSoundSource = audioCtx.createMediaStreamSource(stream); message.error(error);
const systemSoundDestination = audioCtx.createMediaStreamDestination(); }
systemSoundSource.connect(systemSoundDestination);
// 录制所有音频输入设备
audioInputDevices.forEach( async device=>{
const micStream = await navigator.mediaDevices.getUserMedia({ audio: { deviceId: { exact: device.deviceId } }});
const micSoundSource = audioCtx.createMediaStreamSource(micStream);
micSoundSource.connect(systemSoundDestination);
})
// 合并音频流与视频流
const combinedSource = new MediaStream([...stream.getVideoTracks(), ...systemSoundDestination.stream.getAudioTracks()]);
// 开始录制
const recorder = new MediaRecorder(combinedSource, {
mimeType: 'video/webm;codecs=vp9,opus',
videoBitsPerSecond: 1.5e6,
});
setMediaStream(combinedSource);
setRecorder(recorder);
});
} catch (error: any) {
if (error.code === 'ENOENT') {
message.error({
content: <div>文件夹不存在 <span style={{ color: '#606fc7', cursor: 'pointer' }} onClick={() => {
stupWizardRef.current.changeModal(3);
}}>前往设置</span></div>
});
return;
} else {
message.error(error);
} }
}
break; break;
case '录制中': case '录制中':