『壹』 如何用WebRTC實現拍照，並實現濾鏡
在拍照時涉及的非編碼幀與編碼幀是視頻播放的基礎概念。非編碼幀即解碼幀，每24幀中有20幀為解碼幀，用於播放連貫視頻。編碼幀則指經過壓縮的幀數據，通常包括I幀、P幀與B幀。實現拍照功能，首先需獲取視頻流並在video元素中播放。通過canvas的drawImage方法，可將視頻幀繪制至canvas中實現截圖。設置css的filter屬性即可調整圖片濾鏡效果。通過canvas的toBlob或toDataURL方法可獲取圖片數據，實現圖片下載或上傳至伺服器。若需在下載的圖片上應用濾鏡，需轉換圖片的RGB值以實現效果。完整代碼及更多音視頻學習資料可訪問指定鏈接。
『貳』 CSS濾鏡Chroma(透明色)
CSS中的Chroma濾鏡是一種用於為圖像添加透明度效果的工具，它允許您為圖像指定一個特定的顏色，使其變得半透明。Chroma濾鏡的使用方法簡單明了，其語法結構是："filter: Chroma(Color=color);"
其中，參數"Color"是一個必須的屬性，它採用#rrggbb的十六進制顏色代碼格式，可以是任何你想要的色彩。例如，如果你想讓某個元素的背景顏色變為白色並帶有透明效果，你可以這樣設置：
filter: Chroma(Color="#FFFFFF");
這個濾鏡能夠有效地改變元素的顏色透明度，為設計提供更多的靈活性和創意空間。通過調整color參數，您可以輕松實現從完全透明到不同程度的不透明度變化，從而賦予圖像獨特的視覺效果。在網頁設計中，Chroma濾鏡的應用能夠幫助您打造更加動態和引人注目的視覺體驗。