Skip to content

feat(camera_web): add camera with options to play, stop and take a picture #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
bselwe wants to merge 9 commits into from
Closed

feat(camera_web): add camera with options to play, stop and take a picture #3

Changes from 1 commit
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
d6990d3
feat(camera_web): add camera with options to play, stop and take a pi…
bselwe Jul 8, 2021
a19f383
test(camera_web): add camera tests
bselwe Jul 8, 2021
ca6a65b
Merge branch 'feat/camera-options' into feat/camera
bselwe Jul 9, 2021
44508fc
Merge branch 'feat/camera-options' into feat/camera
bselwe Jul 9, 2021
2b93790
refactor: replace VideoElement extension to apply default styles with…
bselwe Jul 9, 2021
55904a3
docs: add camera comments
bselwe Jul 9, 2021
cfadeea
Merge branch 'feat/camera-options' into feat/camera
bselwe Jul 12, 2021
2894e2c
Merge branch 'feat/camera-options' into feat/camera
bselwe Jul 13, 2021
bce3a7a
test: update test video source
bselwe Jul 14, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
refactor: replace VideoElement extension to apply default styles with… 
… a method
  • Loading branch information
@bselwe
bselwe committed Jul 9, 2021
commit 2b9379000009a24d44574f611c51d5ac3ac4604a
24 changes: 11 additions & 13 deletions packages/camera/camera_web/lib/src/camera.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,9 @@ class Camera {
);
}

videoElement = html.VideoElement()..applyDefaultStyles();
videoElement = html.VideoElement();
_applyDefaultVideoStyles(videoElement);

divElement = html.DivElement()
..style.setProperty('object-fit', 'cover')
..append(videoElement);
Expand Down Expand Up @@ -135,18 +137,14 @@ class Camera {
..srcObject = null
..load();
}
}

extension on html.VideoElement {
void applyDefaultStyles() {
style
..removeProperty('transform-origin')
..setProperty('pointer-events', 'none')
..setProperty('width', '100%')
..setProperty('height', '100%')
..setProperty('object-fit', 'cover')
..setProperty('transform', 'scaleX(-1)')
..setProperty('-webkit-transform', 'scaleX(-1)')
..setProperty('-moz-transform', 'scaleX(-1)');
void _applyDefaultVideoStyles(html.VideoElement element) {
element.style
..transformOrigin = 'center'
..pointerEvents = 'none'
..width = '100%'
..height = '100%'
..objectFit = 'cover'
..transform = 'scaleX(-1)';
}
}