时间戳

首页 > 解决方案 > 如何在 Javascript 中删除视频效果？

javascript - 如何在 Javascript 中删除视频效果？

问题描述

在我今天的 API 课程中，我们学习了如何使用标签显示相机。我们还学习了如何使用 JavaScript 添加效果。但是，我坚持如何扭转这些影响。如何让清除按钮清除当前效果？

<body>
  <h1>Magic Camera</h1>
  
  <div class="tools">
    <button id="sepia">Sepia</button>
    <button id="">Clear</button>
  </div>
  
  <div class="scene">
    <img src="billboard.jpg">
    <div class="video-container">
      <video id="myCamera" autoplay></video>
    </div>
    </div>

  <script>
    var myDevices = navigator.mediaDevices;
    var permissions = {
      audio: false,
      video: true
    };
    myDevices.getUserMedia(permissions).then(showCam);
    function showCam(stream){
      $("#myCamera")[0].srcObject = stream;
    }
    function addEffect(event){
      var effect = event.currentTarget;
      var filter = `${effect.id}(1)`;
      $("#myCamera").css("filter", filter);
    }
    $("button").click(addEffect);
  </script>
</body>```

标签： javascript

解决方案

$('#myCamera').css('filter', '');

推荐阅读