@carviz/capacitor-camera-preview 7.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CarvizCapacitorCameraPreview.podspec +17 -0
- package/LICENSE +22 -0
- package/README.md +229 -0
- package/android/.project +17 -0
- package/android/build.gradle +57 -0
- package/android/gradle/wrapper/gradle-wrapper.jar +0 -0
- package/android/gradle/wrapper/gradle-wrapper.properties +8 -0
- package/android/gradle.properties +18 -0
- package/android/gradlew +248 -0
- package/android/gradlew.bat +92 -0
- package/android/proguard-rules.pro +21 -0
- package/android/settings.gradle +2 -0
- package/android/src/androidTest/java/com/getcapacitor/android/ExampleInstrumentedTest.java +26 -0
- package/android/src/main/AndroidManifest.xml +5 -0
- package/android/src/main/java/com/ahm/capacitor/camera/preview/CameraActivity.java +831 -0
- package/android/src/main/java/com/ahm/capacitor/camera/preview/CameraPreview.java +396 -0
- package/android/src/main/java/com/ahm/capacitor/camera/preview/CustomSurfaceView.java +23 -0
- package/android/src/main/java/com/ahm/capacitor/camera/preview/CustomTextureView.java +29 -0
- package/android/src/main/java/com/ahm/capacitor/camera/preview/Preview.java +384 -0
- package/android/src/main/java/com/ahm/capacitor/camera/preview/TapGestureDetector.java +24 -0
- package/android/src/main/res/layout/bridge_layout_main.xml +15 -0
- package/android/src/main/res/layout/camera_activity.xml +68 -0
- package/android/src/main/res/values/camera_ids.xml +4 -0
- package/android/src/main/res/values/camera_theme.xml +9 -0
- package/android/src/main/res/values/colors.xml +3 -0
- package/android/src/main/res/values/strings.xml +3 -0
- package/android/src/main/res/values/styles.xml +3 -0
- package/android/src/test/java/com/getcapacitor/ExampleUnitTest.java +18 -0
- package/dist/esm/definitions.d.ts +86 -0
- package/dist/esm/definitions.js +2 -0
- package/dist/esm/definitions.js.map +1 -0
- package/dist/esm/index.d.ts +4 -0
- package/dist/esm/index.js +7 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/web.d.ts +24 -0
- package/dist/esm/web.js +120 -0
- package/dist/esm/web.js.map +1 -0
- package/dist/plugin.cjs.js +134 -0
- package/dist/plugin.cjs.js.map +1 -0
- package/dist/plugin.js +137 -0
- package/dist/plugin.js.map +1 -0
- package/ios/Plugin/CameraController.swift +483 -0
- package/ios/Plugin/Info.plist +24 -0
- package/ios/Plugin/Plugin.h +10 -0
- package/ios/Plugin/Plugin.m +16 -0
- package/ios/Plugin/Plugin.swift +324 -0
- package/ios/Plugin/UIImage.swift +56 -0
- package/ios/Plugin.xcodeproj/project.pbxproj +599 -0
- package/ios/Plugin.xcodeproj/project.xcworkspace/contents.xcworkspacedata +7 -0
- package/ios/Plugin.xcworkspace/contents.xcworkspacedata +10 -0
- package/ios/Plugin.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist +8 -0
- package/ios/PluginTests/Info.plist +22 -0
- package/ios/PluginTests/PluginTests.swift +16 -0
- package/ios/Podfile +16 -0
- package/ios/Podfile.lock +22 -0
- package/package.json +85 -0
package/dist/esm/web.js
ADDED
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
import { WebPlugin } from '@capacitor/core';
|
|
2
|
+
export class CameraPreviewWeb extends WebPlugin {
|
|
3
|
+
constructor() {
|
|
4
|
+
super();
|
|
5
|
+
}
|
|
6
|
+
async start(options) {
|
|
7
|
+
var _a;
|
|
8
|
+
const stream = await navigator.mediaDevices.getUserMedia({ video: true });
|
|
9
|
+
// Stop any existing stream so we can request media with different constraints based on user input
|
|
10
|
+
stream.getTracks().forEach((track) => track.stop());
|
|
11
|
+
const video = document.getElementById('video');
|
|
12
|
+
const parent = document.getElementById(options.parent);
|
|
13
|
+
if (video) {
|
|
14
|
+
throw new Error('camera already started');
|
|
15
|
+
}
|
|
16
|
+
const videoElement = document.createElement('video');
|
|
17
|
+
videoElement.id = 'video';
|
|
18
|
+
videoElement.setAttribute('class', options.className || '');
|
|
19
|
+
// Don't flip video feed if camera is rear facing
|
|
20
|
+
if (options.position !== 'rear') {
|
|
21
|
+
videoElement.setAttribute('style', '-webkit-transform: scaleX(-1); transform: scaleX(-1);');
|
|
22
|
+
}
|
|
23
|
+
const userAgent = navigator.userAgent.toLowerCase();
|
|
24
|
+
const isSafari = userAgent.includes('safari') && !userAgent.includes('chrome');
|
|
25
|
+
// Safari on iOS needs to have the autoplay, muted and playsinline attributes set for video.play() to be successful
|
|
26
|
+
// Without these attributes videoElement.play() will throw a NotAllowedError
|
|
27
|
+
// https://developer.apple.com/documentation/webkit/delivering_video_content_for_safari
|
|
28
|
+
if (isSafari) {
|
|
29
|
+
videoElement.setAttribute('autoplay', 'true');
|
|
30
|
+
videoElement.setAttribute('muted', 'true');
|
|
31
|
+
videoElement.setAttribute('playsinline', 'true');
|
|
32
|
+
}
|
|
33
|
+
parent.appendChild(videoElement);
|
|
34
|
+
if (!((_a = navigator.mediaDevices) === null || _a === void 0 ? void 0 : _a.getUserMedia)) {
|
|
35
|
+
throw new Error('No media devices available');
|
|
36
|
+
}
|
|
37
|
+
const constraints = {
|
|
38
|
+
video: {
|
|
39
|
+
width: { ideal: options.width },
|
|
40
|
+
height: { ideal: options.height },
|
|
41
|
+
},
|
|
42
|
+
};
|
|
43
|
+
if (options.position === 'rear') {
|
|
44
|
+
constraints.video.facingMode = 'environment';
|
|
45
|
+
this.isBackCamera = true;
|
|
46
|
+
}
|
|
47
|
+
else {
|
|
48
|
+
this.isBackCamera = false;
|
|
49
|
+
}
|
|
50
|
+
videoElement.srcObject = await navigator.mediaDevices.getUserMedia(constraints);
|
|
51
|
+
videoElement.play();
|
|
52
|
+
return {};
|
|
53
|
+
}
|
|
54
|
+
async stop() {
|
|
55
|
+
const video = document.getElementById('video');
|
|
56
|
+
if (video) {
|
|
57
|
+
video.pause();
|
|
58
|
+
const st = video.srcObject;
|
|
59
|
+
const tracks = st.getTracks();
|
|
60
|
+
for (let i = 0; i < tracks.length; i++) {
|
|
61
|
+
const track = tracks[i];
|
|
62
|
+
track.stop();
|
|
63
|
+
}
|
|
64
|
+
video.remove();
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
async capture(options) {
|
|
68
|
+
return new Promise((resolve, _) => {
|
|
69
|
+
const video = document.getElementById('video');
|
|
70
|
+
const canvas = document.createElement('canvas');
|
|
71
|
+
// video.width = video.offsetWidth;
|
|
72
|
+
const context = canvas.getContext('2d');
|
|
73
|
+
canvas.width = video.videoWidth;
|
|
74
|
+
canvas.height = video.videoHeight;
|
|
75
|
+
// flip horizontally back camera isn't used
|
|
76
|
+
if (!this.isBackCamera) {
|
|
77
|
+
context.translate(video.videoWidth, 0);
|
|
78
|
+
context.scale(-1, 1);
|
|
79
|
+
}
|
|
80
|
+
context.drawImage(video, 0, 0, video.videoWidth, video.videoHeight);
|
|
81
|
+
let base64EncodedImage;
|
|
82
|
+
if (options.quality != undefined) {
|
|
83
|
+
base64EncodedImage = canvas
|
|
84
|
+
.toDataURL('image/jpeg', options.quality / 100.0)
|
|
85
|
+
.replace('data:image/jpeg;base64,', '');
|
|
86
|
+
}
|
|
87
|
+
else {
|
|
88
|
+
base64EncodedImage = canvas.toDataURL('image/png').replace('data:image/png;base64,', '');
|
|
89
|
+
}
|
|
90
|
+
resolve({
|
|
91
|
+
value: base64EncodedImage,
|
|
92
|
+
});
|
|
93
|
+
});
|
|
94
|
+
}
|
|
95
|
+
async captureSample(_options) {
|
|
96
|
+
return this.capture(_options);
|
|
97
|
+
}
|
|
98
|
+
async getSupportedFlashModes() {
|
|
99
|
+
throw new Error('getSupportedFlashModes not supported under the web platform');
|
|
100
|
+
}
|
|
101
|
+
async setFlashMode(_options) {
|
|
102
|
+
throw new Error('setFlashMode not supported under the web platform');
|
|
103
|
+
}
|
|
104
|
+
async flip() {
|
|
105
|
+
throw new Error('flip not supported under the web platform');
|
|
106
|
+
}
|
|
107
|
+
async setOpacity(_options) {
|
|
108
|
+
const video = document.getElementById('video');
|
|
109
|
+
if (!!video && !!_options['opacity']) {
|
|
110
|
+
video.style.setProperty('opacity', _options['opacity'].toString());
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
async checkPermissions() {
|
|
114
|
+
throw new Error('checkPermissions not supported under the web platform');
|
|
115
|
+
}
|
|
116
|
+
async requestPermissions() {
|
|
117
|
+
throw new Error('requestPermissions not supported under the web platform');
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
//# sourceMappingURL=web.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"web.js","sourceRoot":"","sources":["../../src/web.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var core = require('@capacitor/core');
|
|
4
|
+
|
|
5
|
+
const CameraPreview = core.registerPlugin('CameraPreview', {
|
|
6
|
+
web: () => Promise.resolve().then(function () { return web; }).then((m) => new m.CameraPreviewWeb()),
|
|
7
|
+
});
|
|
8
|
+
|
|
9
|
+
class CameraPreviewWeb extends core.WebPlugin {
|
|
10
|
+
constructor() {
|
|
11
|
+
super();
|
|
12
|
+
}
|
|
13
|
+
async start(options) {
|
|
14
|
+
var _a;
|
|
15
|
+
const stream = await navigator.mediaDevices.getUserMedia({ video: true });
|
|
16
|
+
// Stop any existing stream so we can request media with different constraints based on user input
|
|
17
|
+
stream.getTracks().forEach((track) => track.stop());
|
|
18
|
+
const video = document.getElementById('video');
|
|
19
|
+
const parent = document.getElementById(options.parent);
|
|
20
|
+
if (video) {
|
|
21
|
+
throw new Error('camera already started');
|
|
22
|
+
}
|
|
23
|
+
const videoElement = document.createElement('video');
|
|
24
|
+
videoElement.id = 'video';
|
|
25
|
+
videoElement.setAttribute('class', options.className || '');
|
|
26
|
+
// Don't flip video feed if camera is rear facing
|
|
27
|
+
if (options.position !== 'rear') {
|
|
28
|
+
videoElement.setAttribute('style', '-webkit-transform: scaleX(-1); transform: scaleX(-1);');
|
|
29
|
+
}
|
|
30
|
+
const userAgent = navigator.userAgent.toLowerCase();
|
|
31
|
+
const isSafari = userAgent.includes('safari') && !userAgent.includes('chrome');
|
|
32
|
+
// Safari on iOS needs to have the autoplay, muted and playsinline attributes set for video.play() to be successful
|
|
33
|
+
// Without these attributes videoElement.play() will throw a NotAllowedError
|
|
34
|
+
// https://developer.apple.com/documentation/webkit/delivering_video_content_for_safari
|
|
35
|
+
if (isSafari) {
|
|
36
|
+
videoElement.setAttribute('autoplay', 'true');
|
|
37
|
+
videoElement.setAttribute('muted', 'true');
|
|
38
|
+
videoElement.setAttribute('playsinline', 'true');
|
|
39
|
+
}
|
|
40
|
+
parent.appendChild(videoElement);
|
|
41
|
+
if (!((_a = navigator.mediaDevices) === null || _a === undefined ? undefined : _a.getUserMedia)) {
|
|
42
|
+
throw new Error('No media devices available');
|
|
43
|
+
}
|
|
44
|
+
const constraints = {
|
|
45
|
+
video: {
|
|
46
|
+
width: { ideal: options.width },
|
|
47
|
+
height: { ideal: options.height },
|
|
48
|
+
},
|
|
49
|
+
};
|
|
50
|
+
if (options.position === 'rear') {
|
|
51
|
+
constraints.video.facingMode = 'environment';
|
|
52
|
+
this.isBackCamera = true;
|
|
53
|
+
}
|
|
54
|
+
else {
|
|
55
|
+
this.isBackCamera = false;
|
|
56
|
+
}
|
|
57
|
+
videoElement.srcObject = await navigator.mediaDevices.getUserMedia(constraints);
|
|
58
|
+
videoElement.play();
|
|
59
|
+
return {};
|
|
60
|
+
}
|
|
61
|
+
async stop() {
|
|
62
|
+
const video = document.getElementById('video');
|
|
63
|
+
if (video) {
|
|
64
|
+
video.pause();
|
|
65
|
+
const st = video.srcObject;
|
|
66
|
+
const tracks = st.getTracks();
|
|
67
|
+
for (let i = 0; i < tracks.length; i++) {
|
|
68
|
+
const track = tracks[i];
|
|
69
|
+
track.stop();
|
|
70
|
+
}
|
|
71
|
+
video.remove();
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
async capture(options) {
|
|
75
|
+
return new Promise((resolve, _) => {
|
|
76
|
+
const video = document.getElementById('video');
|
|
77
|
+
const canvas = document.createElement('canvas');
|
|
78
|
+
// video.width = video.offsetWidth;
|
|
79
|
+
const context = canvas.getContext('2d');
|
|
80
|
+
canvas.width = video.videoWidth;
|
|
81
|
+
canvas.height = video.videoHeight;
|
|
82
|
+
// flip horizontally back camera isn't used
|
|
83
|
+
if (!this.isBackCamera) {
|
|
84
|
+
context.translate(video.videoWidth, 0);
|
|
85
|
+
context.scale(-1, 1);
|
|
86
|
+
}
|
|
87
|
+
context.drawImage(video, 0, 0, video.videoWidth, video.videoHeight);
|
|
88
|
+
let base64EncodedImage;
|
|
89
|
+
if (options.quality != undefined) {
|
|
90
|
+
base64EncodedImage = canvas
|
|
91
|
+
.toDataURL('image/jpeg', options.quality / 100.0)
|
|
92
|
+
.replace('data:image/jpeg;base64,', '');
|
|
93
|
+
}
|
|
94
|
+
else {
|
|
95
|
+
base64EncodedImage = canvas.toDataURL('image/png').replace('data:image/png;base64,', '');
|
|
96
|
+
}
|
|
97
|
+
resolve({
|
|
98
|
+
value: base64EncodedImage,
|
|
99
|
+
});
|
|
100
|
+
});
|
|
101
|
+
}
|
|
102
|
+
async captureSample(_options) {
|
|
103
|
+
return this.capture(_options);
|
|
104
|
+
}
|
|
105
|
+
async getSupportedFlashModes() {
|
|
106
|
+
throw new Error('getSupportedFlashModes not supported under the web platform');
|
|
107
|
+
}
|
|
108
|
+
async setFlashMode(_options) {
|
|
109
|
+
throw new Error('setFlashMode not supported under the web platform');
|
|
110
|
+
}
|
|
111
|
+
async flip() {
|
|
112
|
+
throw new Error('flip not supported under the web platform');
|
|
113
|
+
}
|
|
114
|
+
async setOpacity(_options) {
|
|
115
|
+
const video = document.getElementById('video');
|
|
116
|
+
if (!!video && !!_options['opacity']) {
|
|
117
|
+
video.style.setProperty('opacity', _options['opacity'].toString());
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
async checkPermissions() {
|
|
121
|
+
throw new Error('checkPermissions not supported under the web platform');
|
|
122
|
+
}
|
|
123
|
+
async requestPermissions() {
|
|
124
|
+
throw new Error('requestPermissions not supported under the web platform');
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
var web = /*#__PURE__*/Object.freeze({
|
|
129
|
+
__proto__: null,
|
|
130
|
+
CameraPreviewWeb: CameraPreviewWeb
|
|
131
|
+
});
|
|
132
|
+
|
|
133
|
+
exports.CameraPreview = CameraPreview;
|
|
134
|
+
//# sourceMappingURL=plugin.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"plugin.cjs.js","sources":["esm/index.js","esm/web.js"],"sourcesContent":["import { registerPlugin } from '@capacitor/core';\nconst CameraPreview = registerPlugin('CameraPreview', {\n web: () => import('./web').then((m) => new m.CameraPreviewWeb()),\n});\nexport * from './definitions';\nexport { CameraPreview };\n//# sourceMappingURL=index.js.map","import { WebPlugin } from '@capacitor/core';\nexport class CameraPreviewWeb extends WebPlugin {\n constructor() {\n super();\n }\n async start(options) {\n var _a;\n const stream = await navigator.mediaDevices.getUserMedia({ video: true });\n // Stop any existing stream so we can request media with different constraints based on user input\n stream.getTracks().forEach((track) => track.stop());\n const video = document.getElementById('video');\n const parent = document.getElementById(options.parent);\n if (video) {\n throw new Error('camera already started');\n }\n const videoElement = document.createElement('video');\n videoElement.id = 'video';\n videoElement.setAttribute('class', options.className || '');\n // Don't flip video feed if camera is rear facing\n if (options.position !== 'rear') {\n videoElement.setAttribute('style', '-webkit-transform: scaleX(-1); transform: scaleX(-1);');\n }\n const userAgent = navigator.userAgent.toLowerCase();\n const isSafari = userAgent.includes('safari') && !userAgent.includes('chrome');\n // Safari on iOS needs to have the autoplay, muted and playsinline attributes set for video.play() to be successful\n // Without these attributes videoElement.play() will throw a NotAllowedError\n // https://developer.apple.com/documentation/webkit/delivering_video_content_for_safari\n if (isSafari) {\n videoElement.setAttribute('autoplay', 'true');\n videoElement.setAttribute('muted', 'true');\n videoElement.setAttribute('playsinline', 'true');\n }\n parent.appendChild(videoElement);\n if (!((_a = navigator.mediaDevices) === null || _a === void 0 ? void 0 : _a.getUserMedia)) {\n throw new Error('No media devices available');\n }\n const constraints = {\n video: {\n width: { ideal: options.width },\n height: { ideal: options.height },\n },\n };\n if (options.position === 'rear') {\n constraints.video.facingMode = 'environment';\n this.isBackCamera = true;\n }\n else {\n this.isBackCamera = false;\n }\n videoElement.srcObject = await navigator.mediaDevices.getUserMedia(constraints);\n videoElement.play();\n return {};\n }\n async stop() {\n const video = document.getElementById('video');\n if (video) {\n video.pause();\n const st = video.srcObject;\n const tracks = st.getTracks();\n for (let i = 0; i < tracks.length; i++) {\n const track = tracks[i];\n track.stop();\n }\n video.remove();\n }\n }\n async capture(options) {\n return new Promise((resolve, _) => {\n const video = document.getElementById('video');\n const canvas = document.createElement('canvas');\n // video.width = video.offsetWidth;\n const context = canvas.getContext('2d');\n canvas.width = video.videoWidth;\n canvas.height = video.videoHeight;\n // flip horizontally back camera isn't used\n if (!this.isBackCamera) {\n context.translate(video.videoWidth, 0);\n context.scale(-1, 1);\n }\n context.drawImage(video, 0, 0, video.videoWidth, video.videoHeight);\n let base64EncodedImage;\n if (options.quality != undefined) {\n base64EncodedImage = canvas\n .toDataURL('image/jpeg', options.quality / 100.0)\n .replace('data:image/jpeg;base64,', '');\n }\n else {\n base64EncodedImage = canvas.toDataURL('image/png').replace('data:image/png;base64,', '');\n }\n resolve({\n value: base64EncodedImage,\n });\n });\n }\n async captureSample(_options) {\n return this.capture(_options);\n }\n async getSupportedFlashModes() {\n throw new Error('getSupportedFlashModes not supported under the web platform');\n }\n async setFlashMode(_options) {\n throw new Error('setFlashMode not supported under the web platform');\n }\n async flip() {\n throw new Error('flip not supported under the web platform');\n }\n async setOpacity(_options) {\n const video = document.getElementById('video');\n if (!!video && !!_options['opacity']) {\n video.style.setProperty('opacity', _options['opacity'].toString());\n }\n }\n async checkPermissions() {\n throw new Error('checkPermissions not supported under the web platform');\n }\n async requestPermissions() {\n throw new Error('requestPermissions not supported under the web platform');\n }\n}\n//# sourceMappingURL=web.js.map"],"names":["registerPlugin","WebPlugin"],"mappings":"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"}
|
package/dist/plugin.js
ADDED
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
var capacitorSplashScreen = (function (exports, core) {
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
const CameraPreview = core.registerPlugin('CameraPreview', {
|
|
5
|
+
web: () => Promise.resolve().then(function () { return web; }).then((m) => new m.CameraPreviewWeb()),
|
|
6
|
+
});
|
|
7
|
+
|
|
8
|
+
class CameraPreviewWeb extends core.WebPlugin {
|
|
9
|
+
constructor() {
|
|
10
|
+
super();
|
|
11
|
+
}
|
|
12
|
+
async start(options) {
|
|
13
|
+
var _a;
|
|
14
|
+
const stream = await navigator.mediaDevices.getUserMedia({ video: true });
|
|
15
|
+
// Stop any existing stream so we can request media with different constraints based on user input
|
|
16
|
+
stream.getTracks().forEach((track) => track.stop());
|
|
17
|
+
const video = document.getElementById('video');
|
|
18
|
+
const parent = document.getElementById(options.parent);
|
|
19
|
+
if (video) {
|
|
20
|
+
throw new Error('camera already started');
|
|
21
|
+
}
|
|
22
|
+
const videoElement = document.createElement('video');
|
|
23
|
+
videoElement.id = 'video';
|
|
24
|
+
videoElement.setAttribute('class', options.className || '');
|
|
25
|
+
// Don't flip video feed if camera is rear facing
|
|
26
|
+
if (options.position !== 'rear') {
|
|
27
|
+
videoElement.setAttribute('style', '-webkit-transform: scaleX(-1); transform: scaleX(-1);');
|
|
28
|
+
}
|
|
29
|
+
const userAgent = navigator.userAgent.toLowerCase();
|
|
30
|
+
const isSafari = userAgent.includes('safari') && !userAgent.includes('chrome');
|
|
31
|
+
// Safari on iOS needs to have the autoplay, muted and playsinline attributes set for video.play() to be successful
|
|
32
|
+
// Without these attributes videoElement.play() will throw a NotAllowedError
|
|
33
|
+
// https://developer.apple.com/documentation/webkit/delivering_video_content_for_safari
|
|
34
|
+
if (isSafari) {
|
|
35
|
+
videoElement.setAttribute('autoplay', 'true');
|
|
36
|
+
videoElement.setAttribute('muted', 'true');
|
|
37
|
+
videoElement.setAttribute('playsinline', 'true');
|
|
38
|
+
}
|
|
39
|
+
parent.appendChild(videoElement);
|
|
40
|
+
if (!((_a = navigator.mediaDevices) === null || _a === undefined ? undefined : _a.getUserMedia)) {
|
|
41
|
+
throw new Error('No media devices available');
|
|
42
|
+
}
|
|
43
|
+
const constraints = {
|
|
44
|
+
video: {
|
|
45
|
+
width: { ideal: options.width },
|
|
46
|
+
height: { ideal: options.height },
|
|
47
|
+
},
|
|
48
|
+
};
|
|
49
|
+
if (options.position === 'rear') {
|
|
50
|
+
constraints.video.facingMode = 'environment';
|
|
51
|
+
this.isBackCamera = true;
|
|
52
|
+
}
|
|
53
|
+
else {
|
|
54
|
+
this.isBackCamera = false;
|
|
55
|
+
}
|
|
56
|
+
videoElement.srcObject = await navigator.mediaDevices.getUserMedia(constraints);
|
|
57
|
+
videoElement.play();
|
|
58
|
+
return {};
|
|
59
|
+
}
|
|
60
|
+
async stop() {
|
|
61
|
+
const video = document.getElementById('video');
|
|
62
|
+
if (video) {
|
|
63
|
+
video.pause();
|
|
64
|
+
const st = video.srcObject;
|
|
65
|
+
const tracks = st.getTracks();
|
|
66
|
+
for (let i = 0; i < tracks.length; i++) {
|
|
67
|
+
const track = tracks[i];
|
|
68
|
+
track.stop();
|
|
69
|
+
}
|
|
70
|
+
video.remove();
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
async capture(options) {
|
|
74
|
+
return new Promise((resolve, _) => {
|
|
75
|
+
const video = document.getElementById('video');
|
|
76
|
+
const canvas = document.createElement('canvas');
|
|
77
|
+
// video.width = video.offsetWidth;
|
|
78
|
+
const context = canvas.getContext('2d');
|
|
79
|
+
canvas.width = video.videoWidth;
|
|
80
|
+
canvas.height = video.videoHeight;
|
|
81
|
+
// flip horizontally back camera isn't used
|
|
82
|
+
if (!this.isBackCamera) {
|
|
83
|
+
context.translate(video.videoWidth, 0);
|
|
84
|
+
context.scale(-1, 1);
|
|
85
|
+
}
|
|
86
|
+
context.drawImage(video, 0, 0, video.videoWidth, video.videoHeight);
|
|
87
|
+
let base64EncodedImage;
|
|
88
|
+
if (options.quality != undefined) {
|
|
89
|
+
base64EncodedImage = canvas
|
|
90
|
+
.toDataURL('image/jpeg', options.quality / 100.0)
|
|
91
|
+
.replace('data:image/jpeg;base64,', '');
|
|
92
|
+
}
|
|
93
|
+
else {
|
|
94
|
+
base64EncodedImage = canvas.toDataURL('image/png').replace('data:image/png;base64,', '');
|
|
95
|
+
}
|
|
96
|
+
resolve({
|
|
97
|
+
value: base64EncodedImage,
|
|
98
|
+
});
|
|
99
|
+
});
|
|
100
|
+
}
|
|
101
|
+
async captureSample(_options) {
|
|
102
|
+
return this.capture(_options);
|
|
103
|
+
}
|
|
104
|
+
async getSupportedFlashModes() {
|
|
105
|
+
throw new Error('getSupportedFlashModes not supported under the web platform');
|
|
106
|
+
}
|
|
107
|
+
async setFlashMode(_options) {
|
|
108
|
+
throw new Error('setFlashMode not supported under the web platform');
|
|
109
|
+
}
|
|
110
|
+
async flip() {
|
|
111
|
+
throw new Error('flip not supported under the web platform');
|
|
112
|
+
}
|
|
113
|
+
async setOpacity(_options) {
|
|
114
|
+
const video = document.getElementById('video');
|
|
115
|
+
if (!!video && !!_options['opacity']) {
|
|
116
|
+
video.style.setProperty('opacity', _options['opacity'].toString());
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
async checkPermissions() {
|
|
120
|
+
throw new Error('checkPermissions not supported under the web platform');
|
|
121
|
+
}
|
|
122
|
+
async requestPermissions() {
|
|
123
|
+
throw new Error('requestPermissions not supported under the web platform');
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
var web = /*#__PURE__*/Object.freeze({
|
|
128
|
+
__proto__: null,
|
|
129
|
+
CameraPreviewWeb: CameraPreviewWeb
|
|
130
|
+
});
|
|
131
|
+
|
|
132
|
+
exports.CameraPreview = CameraPreview;
|
|
133
|
+
|
|
134
|
+
return exports;
|
|
135
|
+
|
|
136
|
+
})({}, capacitorExports);
|
|
137
|
+
//# sourceMappingURL=plugin.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"plugin.js","sources":["esm/index.js","esm/web.js"],"sourcesContent":["import { registerPlugin } from '@capacitor/core';\nconst CameraPreview = registerPlugin('CameraPreview', {\n web: () => import('./web').then((m) => new m.CameraPreviewWeb()),\n});\nexport * from './definitions';\nexport { CameraPreview };\n//# sourceMappingURL=index.js.map","import { WebPlugin } from '@capacitor/core';\nexport class CameraPreviewWeb extends WebPlugin {\n constructor() {\n super();\n }\n async start(options) {\n var _a;\n const stream = await navigator.mediaDevices.getUserMedia({ video: true });\n // Stop any existing stream so we can request media with different constraints based on user input\n stream.getTracks().forEach((track) => track.stop());\n const video = document.getElementById('video');\n const parent = document.getElementById(options.parent);\n if (video) {\n throw new Error('camera already started');\n }\n const videoElement = document.createElement('video');\n videoElement.id = 'video';\n videoElement.setAttribute('class', options.className || '');\n // Don't flip video feed if camera is rear facing\n if (options.position !== 'rear') {\n videoElement.setAttribute('style', '-webkit-transform: scaleX(-1); transform: scaleX(-1);');\n }\n const userAgent = navigator.userAgent.toLowerCase();\n const isSafari = userAgent.includes('safari') && !userAgent.includes('chrome');\n // Safari on iOS needs to have the autoplay, muted and playsinline attributes set for video.play() to be successful\n // Without these attributes videoElement.play() will throw a NotAllowedError\n // https://developer.apple.com/documentation/webkit/delivering_video_content_for_safari\n if (isSafari) {\n videoElement.setAttribute('autoplay', 'true');\n videoElement.setAttribute('muted', 'true');\n videoElement.setAttribute('playsinline', 'true');\n }\n parent.appendChild(videoElement);\n if (!((_a = navigator.mediaDevices) === null || _a === void 0 ? void 0 : _a.getUserMedia)) {\n throw new Error('No media devices available');\n }\n const constraints = {\n video: {\n width: { ideal: options.width },\n height: { ideal: options.height },\n },\n };\n if (options.position === 'rear') {\n constraints.video.facingMode = 'environment';\n this.isBackCamera = true;\n }\n else {\n this.isBackCamera = false;\n }\n videoElement.srcObject = await navigator.mediaDevices.getUserMedia(constraints);\n videoElement.play();\n return {};\n }\n async stop() {\n const video = document.getElementById('video');\n if (video) {\n video.pause();\n const st = video.srcObject;\n const tracks = st.getTracks();\n for (let i = 0; i < tracks.length; i++) {\n const track = tracks[i];\n track.stop();\n }\n video.remove();\n }\n }\n async capture(options) {\n return new Promise((resolve, _) => {\n const video = document.getElementById('video');\n const canvas = document.createElement('canvas');\n // video.width = video.offsetWidth;\n const context = canvas.getContext('2d');\n canvas.width = video.videoWidth;\n canvas.height = video.videoHeight;\n // flip horizontally back camera isn't used\n if (!this.isBackCamera) {\n context.translate(video.videoWidth, 0);\n context.scale(-1, 1);\n }\n context.drawImage(video, 0, 0, video.videoWidth, video.videoHeight);\n let base64EncodedImage;\n if (options.quality != undefined) {\n base64EncodedImage = canvas\n .toDataURL('image/jpeg', options.quality / 100.0)\n .replace('data:image/jpeg;base64,', '');\n }\n else {\n base64EncodedImage = canvas.toDataURL('image/png').replace('data:image/png;base64,', '');\n }\n resolve({\n value: base64EncodedImage,\n });\n });\n }\n async captureSample(_options) {\n return this.capture(_options);\n }\n async getSupportedFlashModes() {\n throw new Error('getSupportedFlashModes not supported under the web platform');\n }\n async setFlashMode(_options) {\n throw new Error('setFlashMode not supported under the web platform');\n }\n async flip() {\n throw new Error('flip not supported under the web platform');\n }\n async setOpacity(_options) {\n const video = document.getElementById('video');\n if (!!video && !!_options['opacity']) {\n video.style.setProperty('opacity', _options['opacity'].toString());\n }\n }\n async checkPermissions() {\n throw new Error('checkPermissions not supported under the web platform');\n }\n async requestPermissions() {\n throw new Error('requestPermissions not supported under the web platform');\n }\n}\n//# sourceMappingURL=web.js.map"],"names":["registerPlugin","WebPlugin"],"mappings":"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"}
|