精华内容
下载资源
问答
  • 录屏器下载
    2022-04-19 15:54:03

    使用到了element ui 请知晓,开始时间不能小于当前时间,可随意,没有别的效果,本人本来想做定时录屏,突然发现js的方法里会弹权限框,好像还默认不了(有可以默认的方法请告知下,谢谢),随即做了个小demo。仅供大家参考一下

    HTML:

    <template>
      <div class="container">
        <el-form label-position="right" label-width="140px">
    <!--   时间范围选择器,注意!!!先选择结束时间才会解锁开始时间,不然开始时间选不了   -->
          <el-form-item label="开始至结束时间">
            <el-time-picker is-range v-model="value1" range-separator="至" start-placeholder="开始时间"
                            end-placeholder="结束时间" placeholder="选择时间范围" @change="picker(value1)"value-format="HH:mm:ss">
            </el-time-picker>
          </el-form-item>
    <!--   点击事件   -->
          <el-form-item>
            <el-button @click="clicks">{{txt}}</el-button>
          </el-form-item>
        </el-form>
      </div>
    </template>

    JavaScript:

      data() {
        return {
          value1: ['',''],
          time: '',
          timeout: 0,
          recordedBlobs: [],
          fileName: "",
          txt: "开始录制",
          status: false,
          stream: null,
          options: {
            audioBitsPerSecond: 128000,
            videoBitsPerSecond: 4500000,
            mimeType: "video/webm",
          },
          startTime: 0,
          timeLong: 0,
          timeLongs: null,
          endTime: 0,
        };
      },
      mounted() {
        this.Timer();
      },
      watch: {
        status(a) {
          if (a) {
            this.txt = "停止录制";
          } else {
            this.txt = "开始录制";
          }
        },
      },
      methods: {
        plick(){
          var strs=new Array();
          var stre=new Array();
          var stra=new Array();
          strs=this.value1[0].split(":")
          stra=this.value1[1].split(":")
          stre=this.time.split(":")
          console.log(stre)
          console.log(stra)
          console.log(strs)
          console.log(this.time)
          console.log(this.value1[0])
    
          if(this.value1[0]==''){
            this.$message({
              message:'请选择开始时间',
              type:'warning'
            })
          }else if(this.value1[0]==this.value1[1]){
            this.$message({
              message:'开始时间不能与结束时间相同',
              type:'warning'
            })
          }else if(strs[0]<stre[0]){
            this.$message({
              message:'开始时间不能小于当前时间',
              type:'warning'
            })
          }else if(strs[0]==stre[0]){
            if(strs[1]<stre[1]){
              this.$message({
                message:'开始时间不能小于当前时间',
                type:'warning'
              })
            }else{
              this.startScreen();
    
            }
          }else{
            console.log('1')
            this.startScreen();
          }
        },
        picker(val){
          console.log(val);
        },
        Timer() {
          var timerID = setInterval(this.updateTime, 1000);
          this.updateTime();
          return timerID
        },
        updateTime() {
    
          var cd = new Date();
          this.time = this.zeroPadding(cd.getHours(), 2) + ':' + this.zeroPadding(cd.getMinutes(), 2) + ':' + this
              .zeroPadding(cd.getSeconds(), 2);
              // console.log(this.time)
          if(this.value1[1]==this.time){
            this.clicks()
          }
    
    
        },
        zeroPadding(num, digit) {
          var zero = '';
          for (var i = 0; i < digit; i++) {
            zero += '0';
          }
          return (zero + num).slice(-digit);
        },
    
        clicks() {
          if (this.status) {
            this.stopReset();
            this.status = false;
            clearInterval(this.timesLongs);
          } else {
            console.log('1')
            this.plick();
          }
        },
        cauTime() {
          this.timeLongs = setInterval(() => {
            this.timeLong = (new Date().getTime() - this.startTime);
          }, 200);
    
        },
        stopReset() {
          this.stream.getTracks().forEach((track) => track.stop());
          this.recordedBlobs = [];
        },
        startScreen() {
          //注意,加上 audio: true 之后底部可以拖动的停止就失效了,正在fixing
          navigator.mediaDevices.getDisplayMedia({
            video: true,
            audio: true
          }).then(
              (stream) => {
                this.status = !this.status;
                console.log("开始录制");
                this.startTime = new Date().getTime();
                this.cauTime();
    
                this.stream = stream;
                const mediaRecorder = new MediaRecorder(stream, this.options);
                mediaRecorder.ondataavailable = (event) => {
                  if (event.data.size > 0) {
                    this.status = false;
                    clearInterval(this.timeLongs);
                    console.log(
                        "结束录制,录制时长:" +
                        this.timeLong +
                        "s"
                    );
                    this.recordedBlobs.push(event.data);
                    this.download();
                    this.stopReset();
                  }
                };
                mediaRecorder.start();
              },
              (error) => console.log(error)
          );
        },
        download() {
          const blob = new Blob(this.recordedBlobs, {
            type: "video/mp4"
          });
          const url = URL.createObjectURL(blob);
          const a = document.createElement("a");
          document.body.appendChild(a);
          a.style.display = "none";
          a.href = url;
          if (this.fileName) {
            a.download = this.fileName + ".mp4";
          } else {
            a.download = new Date() + ".mp4";
          }
          a.click();
          window.URL.revokeObjectURL(url);
        },
      },

    css:

    .container {
      width: 500px;
      margin: 0 auto;
    }
    更多相关内容
  • oCam录屏软件是一款短小精悍的屏幕录制软件,拥有直观易懂的用户界面,能帮助大家以全屏或自定义的方式录制或捕捉包括声音在内的所有用户电脑桌面或屏幕上的音视频源,ocam拥有AVI、MP4、FLV、MOV、TS、VOB视频编码...
  • 录屏软件下载

    2018-09-02 15:25:28
    这是一款录屏软件,解压后直接运行,可以录下声音和视频
  • LICEcap录屏工具下载

    2022-01-21 15:23:46
    LICEcap录屏工具下载
  • 体积小,占用下,操作简单 体积小,占用下,操作简单 体积小,占用下,操作简单 体积小,占用下,操作简单 体积小,占用下,操作简单 体积小,占用下,操作简单 体积小,占用下,操作简单
  • EV录屏下载压缩包.zip

    2020-09-25 21:41:15
    很好用的绿屏软件,可用于线上授课,边讲解边录制。EV录屏——集视频录制与直播功能于一身的录屏软件,可以轻松录制高清画质微课、游戏、网络视频等
  • 最好用的录屏软件,用过几款这是最好用的,分享给大家。
  • 同时超级录屏软件还具备对视频文件的截取、分割、合并、添加配音和字幕等诸多实用功能,那么大家想知道电脑屏幕录像软件哪个好用或者超级录屏电脑版怎么下载吗,威航软件园提供最新版本的超级录屏软件下载哦。
  • 录屏录音工具

    2018-05-14 14:57:48
    能够录屏和录音,在培训的时候使用该工具可以方便记录讲解人的视频和语音。个人使用感觉很方便,推荐给大家,谢谢~
  • EV录屏,很好用很好用。 专业录屏工具,简单耐用,操作清楚,画面清晰,软件操作常用。ev录屏是一款既能录屏又能直播的视频录制直播软件。 它拥有全屏录制、选取录制、摄像头录制、等多种录制视频的方式,并且还有...
  • winpc绿色版免安装录屏大师 使用: 步骤1、打开“录屏大师.exe”之后,选择要录制的区域(默认录制全屏)然后点击下一步 按钮 步骤2、选择视频录制的性能,大家可以根据自己的情况设置,点击下一步按钮 步骤3、进入...
  • 最牛B的视频录屏+下载视频软件,没有之一.zip
  • gif 录屏绿色版

    2018-09-05 15:47:14
    gif 录屏软件,直接解压使用,绿色版不需要安装,无毒,不占用内存
  • 大家如果想录电脑桌面视频,这里有一款软件,欢迎大家下载使用。
  • NatCorder Unity录屏插件

    2020-11-23 12:17:49
    NatCorder是一个功能齐全并易于使用的视频录制API,适用于iOS、Android、macOS和Windows。使用NatCorder,您可以...您还可以从音频源、侦听和自定义源记录游戏音频。NatCorder也可以在内存比较低的时候进行速度优化。
  • 非常好用的一款录屏软件,简单小巧,重点是免费没有水印!重点是免费没有水印!重点是免费没有水印!重要的事情说三遍
  • 视频下载功能:主要是YouTube网站视频解析下载 高清录制:可以完全超高清画质或自定义界面录制 格式转换:主流音视频转码
  • 好用 免费 可以录屏、截图、像素尺、取色。作为一个工作六年的程序员,这个是我用过的最好用的像素尺。
  • 录屏软件破解免费版

    2018-07-12 14:39:46
    录屏软件破解免费版,亲测可用。 .
  • KKSetup.exe录屏软件

    2020-02-21 11:01:25
    KKSetup.exe录屏软件,解压即可用,高清录制视频。无广告,方便使用.
  • 免费录屏软件Captura下载安装

    千次阅读 2022-06-02 12:11:14
    Captura 功能: 截屏 捕获屏幕广播(Avi / Gif / Mp4) 使用/不使用鼠标光标捕获 捕获特定区域,屏幕或Windows 捕获鼠标单击或击键 混合从麦克风和扬声输出录制的音频 从WebCam捕获 可以从命令行(BETA)使用 ...

    一、经典推荐

        小编微信公众号推荐一篇文章:“超有范的 logo 在线设计制作工具“,本次推荐的 logo 在线设计,具有高度的整体美感、最佳视觉冲击,操作简单,无需下载安装,只需三步即可让你免费拥有

        只需在公众号:黑客知识,输入:logo,就可查看到文章

     

    二、工具介绍

        Captura 是一个免费开源的录制屏幕软件,功能强大(录Avi、录Mp4、截图、录制Gif),操作简单,值得拥有,别以为小编吹NB,请往下看。

         Captura 功能: 

    • 截屏

    • 捕获屏幕广播(Avi / Gif / Mp4

    • 使用/不使用鼠标光标捕获

    • 捕获特定区域,屏幕或Windows

    • 捕获鼠标单击或击键

    • 混合从麦克风和扬声器输出录制的音频

    • 从WebCam捕获

    • 可以从命令行(BETA)使用

    • 提供多种语言

    • 配置热键

    三、工具下载

    Captura 官网地址:https://github.com/MathewSachin/Captura/releases

    Captura 下载地址(在 Assets 选择 Captura-Setup.exe 即可得链接 ):

    https://github.com/MathewSachin/Captura/releases/download/v8.0.0/Captura-Setup.exe

    Captura 插件官网:https://www.gyan.dev/ffmpeg/builds/#

    Captura 插件下载(在 release builds 中选择 zip包,即可得链接):

    https://www.gyan.dev/ffmpeg/builds/packages/ffmpeg-5.0.1-essentials_build.zip

    三、工具安装

        3.1 安装 Captura-Setup.exe

              注意:固定输出目录

        3.2 解压 ffmpeg-5.0.1-essentials_build.zip

              注意:将 Captura 依赖插件,解压到 Captura 输出目录下;并配置FFmpeg目录 D:\jietuping\ffmpeg-5.0.1-essentials_build\bin

    四、录屏测试

    展开全文
  • 防检测录屏软件

    2019-01-04 11:50:22
    Ocam防检测录屏软件.rar,Ocam防检测录屏软件,屏幕录像机(oCam)445.0单文件特别版.exe
  • 录屏软件,可以录制长视频,点击开始录制,再点击就暂停,可以录声音!
  • 好用录屏工具,pj版本,喜欢是可以下载
  • 编辑:typora-setup sublime_text.exe EditPlus Notepad++ 远程连接:向日葵 终端:宝塔面板 Xshell6 xftp6
  • 电脑录屏.rar,电脑录屏,使用方法第三步.png,使用方法第二步.png,使用方法第一步.png,oCam v264.0单文件绿色屏幕录像.exe,第四步.jpg
  • EV录屏EVCapture

    2020-05-23 12:21:42
    EV录屏3.8.4 更新说明: 1、修复"只录摄像头"崩溃bug; 2、修复某些摄像头分辨率尺寸不支持导致画面异常的bug; 3、优化摄像头悬浮框拖动体验,新增右击菜单; 4、优化嵌入摄像头功能,可以直接修改摄像头分辨率; 5、...
  • 截屏录屏软件

    2018-07-31 15:24:35
    使用极其方便的录屏软件,绿色,解压即可使用。 录制截屏等功能丰富,文件非常小,录制视频文件也非常小。
  • 下载请校验文件hash: SHA256: 5A601165CBEDCCEB3AEF3BB99B2AA6352E3B2D600A68643C249F486F7E221E02
  • 主要介绍了Android开发实现录屏小功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 9,024
精华内容 3,609
热门标签
关键字:

录屏器下载