我正在做一個專案,我正在使用 javascript 訪問相機,并且相機的縱橫比在 CHROME 上運行良好,但是當我在 Firefox 瀏覽器上測驗它時,它會自動更改縱橫比
這是一個 CHROME 結果

和 Firefox 結果

和我的代碼
<video id="video" width="280px" height="480px"></video>
const videoElement = document.getElementById("video");
const camera = new Camera(videoElement, {
onFrame: async () => {
await model.send({ image: videoElement });
},
width: 280,
height: 480,
});
camera.start();
讓我知道是否有人可以幫助解決這個問題
uj5u.com熱心網友回復:
您是否嘗試過設定 CSS 縱橫比屬性?不確定這對您的情況是否有意義,只是一個想法。https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio
uj5u.com熱心網友回復:
更新
- 我在我的視頻 ID 中得到了答案,我只需要添加這個 CSS 屬性
object-fit: cover
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/391614.html
標籤:javascript 网络 火狐 摄像头
