[Bug] Video feed shows black screen in Telegram WebView unless muted
Chưa có ai nhận issue này.
Đánh giá
- Độ khó
- 2/5
- Thời gian dự kiến
- 1-3 giờ
- Mức phù hợp với người mới
- 45/100
- Loại issue
- Lỗi
- Độ rõ ràng
- Khá rõ ràng
- Mức độ hoạt động
- Đình trệ
- Công nghệ
- typescript
- Lĩnh vực
- frontend
Hướng nghiên cứu
Bắt đầu bằng cách xác định các component camera render phần tử , sau đó tái hiện luồng camera trong Telegram WebView. Issue được hoàn tất khi feed camera hiển thị ở đó với hành vi được đề xuất của phần tử video và không gây hồi quy trong các trình duyệt tiêu chuẩn.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Mô tả
**Stencil version: @stencil/[email protected]
I'm submitting a ...
[x] bug report
[ ] feature request
[ ] support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or https://chat.stenciljs.com
Current behavior:
When using the camera inside Telegram WebView, the <video> element displays a black screen instead of the camera feed. This behavior is specific to the WebView environment and does not occur in standard browsers. The issue seems related to modern autoplay policies in WebView, which block videos from playing unless they are muted.
Expected behavior:
The camera feed should be displayed properly in the <video> element without any issues in Telegram WebView.
Steps to reproduce:
- Open the app inside Telegram WebView.
- Start accessing the camera stream.
- The
<video>element will show a black screen instead of the camera feed.
Related code:
<video autoplay playsinline></video>
To fix the issue, adding the muted attribute to the <video> element resolves the problem:
<video autoplay playsinline muted></video>
Other information:
This issue occurs specifically in Telegram WebView. Adding the muted attribute allows the video stream to play correctly. This behavior could be related to WebView's autoplay restrictions that prevent unmuted videos from playing automatically.
Pull Request:
I plan to submit a pull request with the proposed fix that adds the muted attribute to the <video> element in the appropriate components.
- Ngôn ngữ chính
- TypeScript
- Star
- 172
- Fork
- 50
- Chỉ số merge pull request
- Không có pull request nào được merge trong 30 ngày
Chuẩn bị môi trường
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Issue khác của ionic-team/pwa-elements
-
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 35/100
ionic-team/pwa-elements#133 ·
-
Độ khó 4/5 3-5 ngày Mức phù hợp với người mới 55/100
ionic-team/pwa-elements#129 · 5 bình luận · 17 reaction ·
-
Unable to use in esm package. Module not found: Can't resolve '@ionic/pwa-elements/loader/index.js'Đang mở
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 38/100
ionic-team/pwa-elements#128 · 10 reaction ·
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 48/100
ionic-team/pwa-elements#113 · 3 bình luận ·
-
Độ khó 4/5 3-5 ngày Mức phù hợp với người mới 38/100
ionic-team/pwa-elements#111 · 1 bình luận · 2 reaction ·
Tất cả issue của ionic-team/pwa-elements
Issue tương tự
-
documentation
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 88/100
inu-appcenter/memorIN-frontend#106 ·
Maintainer thường phản hồi trong vòng 1 ngày
-
kind/bug
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 88/100
Maintainer thường phản hồi trong vòng 7 ngày
-
[Bug] @deck.gl/arcgis dist import resolves to unpublished @deck.gl/core source path (9.3.11, 9.4.0)Đang mở
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 72/100
Maintainer thường phản hồi trong vòng 1 ngày
-
fix: CopyFilters ignores tabĐang mởbug
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 82/100
CSCfi/sd-search-ui#145 ·
Maintainer thường phản hồi trong vòng 1 ngày
-
Add: Cbeebies pl SDĐang mởcheck:passed streams:add
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 62/100
Maintainer thường phản hồi trong vòng 1 ngày