刷新相機流jQuery

Question

我正在使用getUserMedia在div中顯示網絡攝像頭流。 我正在嘗試將一些CSS效果應用於視頻流，例如filter : blur(15px); 和其他一些CSS效果。

問題是，當我應用該類時，該效果不起作用，但是如果它的加載效果像在頁面加載時在.effect0上一樣，則效果很好。

有人知道我如何只刷新攝像機流以查看效果，並且可以向我解釋如何將其包括在代碼中嗎？

非常感謝您閱讀我的信息，再次感謝您的幫助！

我的代碼：

  var video = document.querySelector("#videoElement"); navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia || navigator.oGetUserMedia; if (navigator.getUserMedia) { navigator.getUserMedia({ video: true }, handleVideo, videoError); } function handleVideo(stream) { video.src = window.URL.createObjectURL(stream); } function videoError(e) { // do something } $('.bouton0').click(function () { $('#videoElement').removeClass('.effet1'); $('#videoElement').addClass('.effet0'); }); $('.bouton1').click(function () { $('#videoElement').removeClass('.effet0'); $('#videoElement').addClass('.effet1'); });

 #container { margin: 0px auto; margin-top: 10%; } #videoElement { width: 100%; height: 100%; background-color: #666; } .effet0 { filter: none; } .effet1 { filter: blur(15px); } ul li { display: inline-block; }

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <body> <ul> <li><a href="#" class="bouton0">effet 0</a></li> <li><a href="#" class="bouton1">effet 1</a></li> </ul> <div id="container"> <video autoplay="true" id="videoElement" class=""> </video> </div> </body>

Answer 1

可能是$().removeClass('.effet1'); -> $().removeClass('effet1'); $().removeClass('.effet1'); -> $().removeClass('effet1');

其他也。 :)

刷新相機流jQuery

問題描述

1 個解決方案

解決方案1
0 2016-12-12 02:06:57

刷新相機流jQuery

問題描述

1 個解決方案

解決方案1 0 2016-12-12 02:06:57

解決方案1
0 2016-12-12 02:06:57