<template>
<h1>网页实现屏幕的录制</h1>
<button @click="shareScreen" >开始</button>
</template>
<script setup lang="ts">
//触发共享桌面
const shareScreen = async () => {
const stream = await navigator.mediaDevices.getDisplayMedia({
video: true,
audio: false //不捕获音频
});
//检查多媒体是否支持videoh264格式
const mime = MediaRecorder.isTypeSupported("video/webm;codecs=h264") ? "video/webm;codecs=h264" : "video/webm";
//创建媒体流
const mediaRecorder = new MediaRecorder(stream, { mimeType: mime });
//创建媒体流数组
const chunks: any[] = [];
//把每一段媒体流传入数组内
mediaRecorder.addEventListener("dataavailable", function (e:any) {
chunks.push(e.data);
});
//媒体流停止的时候做处理
mediaRecorder.addEventListener("stop", () => {
const blob = new Blob(chunks, { type: chunks[0].type });
const url = URL.createObjectURL(blob);
const a = document.createElement("a");
a.href = url;
a.download = "video.webm";
a.click();
});
//启动媒体流
mediaRecorder.start();
};
</script>
网页实现屏幕的录制
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 观看网页视频大多数使用在线观看，但是有时候因为种种原因，不能在线观看的时候就会选择下载成离线视频，这样就可以不受网...
- 因为大部分的视频网站需要开通VIP才能下载，所以一些没有开通的网友只能选择在线观看。那对于那些不想开通VIP的网友...
- 对于Python网页截图这个问题，笔者网络一番搜索之后，总结了大概有如下几种实现方案， 利用PyQT5 利用sel...
- 下班之余，爱追些剧，想必好多人也是这种爱好吧，有时碰到喜欢的电视剧，电影不能下载想将其录制下来，该怎么办，其实这还...
- 怎么录制网页上的直播视频？怎么录制网页上正在播放的视频？怎么把别人在线直播的视频快速录制下来？ 今天就教大家用超级...
