capacitor-community-multilens-camerapreview 5.0.1 → 6.0.1
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/CapacitorCommunityMultilensCamerapreview.podspec +17 -17
- package/README.md +16 -16
- package/android/build.gradle +57 -55
- package/android/src/main/AndroidManifest.xml +4 -4
- package/android/src/main/java/com/ahm/capacitor/camera/preview/CameraActivity.java +1005 -1008
- package/android/src/main/java/com/ahm/capacitor/camera/preview/CameraPreview.java +543 -544
- package/android/src/main/java/com/ahm/capacitor/camera/preview/CustomSurfaceView.java +23 -23
- package/android/src/main/java/com/ahm/capacitor/camera/preview/CustomTextureView.java +29 -29
- package/android/src/main/java/com/ahm/capacitor/camera/preview/Preview.java +386 -386
- package/android/src/main/java/com/ahm/capacitor/camera/preview/TapGestureDetector.java +24 -24
- package/android/src/main/res/layout/bridge_layout_main.xml +15 -15
- package/android/src/main/res/layout/camera_activity.xml +68 -68
- package/android/src/main/res/values/camera_ids.xml +4 -4
- package/android/src/main/res/values/camera_theme.xml +9 -9
- package/android/src/main/res/values/colors.xml +3 -3
- package/android/src/main/res/values/strings.xml +3 -3
- package/android/src/main/res/values/styles.xml +3 -3
- package/dist/esm/definitions.d.ts +82 -80
- package/dist/esm/definitions.js +1 -1
- package/dist/esm/definitions.js.map +1 -1
- package/dist/esm/index.d.ts +4 -4
- package/dist/esm/index.js +6 -6
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/web.d.ts +30 -28
- package/dist/esm/web.js +146 -155
- package/dist/esm/web.js.map +1 -1
- package/dist/plugin.cjs.js +146 -150
- package/dist/plugin.cjs.js.map +1 -1
- package/dist/plugin.js +147 -151
- package/dist/plugin.js.map +1 -1
- package/ios/Plugin/CameraController.swift +732 -733
- package/ios/Plugin/Info.plist +24 -24
- package/ios/Plugin/Plugin.h +10 -10
- package/ios/Plugin/Plugin.m +18 -18
- package/ios/Plugin/Plugin.swift +309 -308
- package/package.json +85 -78
- package/dist/docs.json +0 -408
package/dist/esm/web.js
CHANGED
|
@@ -1,156 +1,147 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
video
|
|
27
|
-
|
|
28
|
-
.
|
|
29
|
-
//
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
const video = document.getElementById('video');
|
|
148
|
-
if (!!video && !!_options['opacity']) {
|
|
149
|
-
video.style.setProperty('opacity', _options['opacity'].toString());
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
}
|
|
153
|
-
const CameraPreview = new CameraPreviewWeb();
|
|
154
|
-
export { CameraPreview };
|
|
155
|
-
registerWebPlugin(CameraPreview);
|
|
1
|
+
import { WebPlugin } from '@capacitor/core';
|
|
2
|
+
export class CameraPreviewWeb extends WebPlugin {
|
|
3
|
+
constructor() {
|
|
4
|
+
super({
|
|
5
|
+
name: 'CameraPreview',
|
|
6
|
+
platforms: ['web'],
|
|
7
|
+
});
|
|
8
|
+
}
|
|
9
|
+
async start(options) {
|
|
10
|
+
return new Promise(async (resolve, reject) => {
|
|
11
|
+
await navigator.mediaDevices
|
|
12
|
+
.getUserMedia({
|
|
13
|
+
audio: !options.disableAudio,
|
|
14
|
+
video: true,
|
|
15
|
+
})
|
|
16
|
+
.then((stream) => {
|
|
17
|
+
// Stop any existing stream so we can request media with different constraints based on user input
|
|
18
|
+
stream.getTracks().forEach((track) => track.stop());
|
|
19
|
+
})
|
|
20
|
+
.catch((error) => {
|
|
21
|
+
reject(error);
|
|
22
|
+
});
|
|
23
|
+
const video = document.getElementById('video');
|
|
24
|
+
const parent = document.getElementById(options.parent);
|
|
25
|
+
if (!video) {
|
|
26
|
+
const videoElement = document.createElement('video');
|
|
27
|
+
videoElement.id = 'video';
|
|
28
|
+
videoElement.setAttribute('class', options.className || '');
|
|
29
|
+
// Don't flip video feed if camera is rear facing
|
|
30
|
+
if (options.position !== 'rear') {
|
|
31
|
+
videoElement.setAttribute('style', '-webkit-transform: scaleX(-1); transform: scaleX(-1);');
|
|
32
|
+
}
|
|
33
|
+
const userAgent = navigator.userAgent.toLowerCase();
|
|
34
|
+
const isSafari = userAgent.includes('safari') && !userAgent.includes('chrome');
|
|
35
|
+
// Safari on iOS needs to have the autoplay, muted and playsinline attributes set for video.play() to be successful
|
|
36
|
+
// Without these attributes videoElement.play() will throw a NotAllowedError
|
|
37
|
+
// https://developer.apple.com/documentation/webkit/delivering_video_content_for_safari
|
|
38
|
+
if (isSafari) {
|
|
39
|
+
videoElement.setAttribute('autoplay', 'true');
|
|
40
|
+
videoElement.setAttribute('muted', 'true');
|
|
41
|
+
videoElement.setAttribute('playsinline', 'true');
|
|
42
|
+
}
|
|
43
|
+
parent.appendChild(videoElement);
|
|
44
|
+
if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
|
|
45
|
+
const constraints = {
|
|
46
|
+
video: {
|
|
47
|
+
width: { ideal: options.width },
|
|
48
|
+
height: { ideal: options.height },
|
|
49
|
+
},
|
|
50
|
+
};
|
|
51
|
+
if (options.position === 'rear') {
|
|
52
|
+
constraints.video.facingMode = 'environment';
|
|
53
|
+
this.isBackCamera = true;
|
|
54
|
+
}
|
|
55
|
+
else {
|
|
56
|
+
this.isBackCamera = false;
|
|
57
|
+
}
|
|
58
|
+
navigator.mediaDevices.getUserMedia(constraints).then(function (stream) {
|
|
59
|
+
//video.src = window.URL.createObjectURL(stream);
|
|
60
|
+
videoElement.srcObject = stream;
|
|
61
|
+
videoElement.play();
|
|
62
|
+
resolve({});
|
|
63
|
+
}, (err) => {
|
|
64
|
+
reject(err);
|
|
65
|
+
});
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
else {
|
|
69
|
+
reject({ message: 'camera already started' });
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
}
|
|
73
|
+
async startRecordVideo() {
|
|
74
|
+
throw this.unimplemented('Not implemented on web.');
|
|
75
|
+
}
|
|
76
|
+
async stopRecordVideo() {
|
|
77
|
+
throw this.unimplemented('Not implemented on web.');
|
|
78
|
+
}
|
|
79
|
+
async stop() {
|
|
80
|
+
const video = document.getElementById('video');
|
|
81
|
+
if (video) {
|
|
82
|
+
video.pause();
|
|
83
|
+
const st = video.srcObject;
|
|
84
|
+
const tracks = st.getTracks();
|
|
85
|
+
for (let i = 0; i < tracks.length; i++) {
|
|
86
|
+
const track = tracks[i];
|
|
87
|
+
track.stop();
|
|
88
|
+
}
|
|
89
|
+
video.remove();
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
async capture(options) {
|
|
93
|
+
return new Promise((resolve, _) => {
|
|
94
|
+
const video = document.getElementById('video');
|
|
95
|
+
const canvas = document.createElement('canvas');
|
|
96
|
+
// video.width = video.offsetWidth;
|
|
97
|
+
const context = canvas.getContext('2d');
|
|
98
|
+
canvas.width = video.videoWidth;
|
|
99
|
+
canvas.height = video.videoHeight;
|
|
100
|
+
// flip horizontally back camera isn't used
|
|
101
|
+
if (!this.isBackCamera) {
|
|
102
|
+
context.translate(video.videoWidth, 0);
|
|
103
|
+
context.scale(-1, 1);
|
|
104
|
+
}
|
|
105
|
+
context.drawImage(video, 0, 0, video.videoWidth, video.videoHeight);
|
|
106
|
+
let base64EncodedImage;
|
|
107
|
+
if (options.quality != undefined) {
|
|
108
|
+
base64EncodedImage = canvas
|
|
109
|
+
.toDataURL('image/jpeg', options.quality / 100.0)
|
|
110
|
+
.replace('data:image/jpeg;base64,', '');
|
|
111
|
+
}
|
|
112
|
+
else {
|
|
113
|
+
base64EncodedImage = canvas.toDataURL('image/png').replace('data:image/png;base64,', '');
|
|
114
|
+
}
|
|
115
|
+
resolve({
|
|
116
|
+
value: base64EncodedImage,
|
|
117
|
+
});
|
|
118
|
+
});
|
|
119
|
+
}
|
|
120
|
+
async captureSample(_options) {
|
|
121
|
+
return this.capture(_options);
|
|
122
|
+
}
|
|
123
|
+
async setZoom(_options) {
|
|
124
|
+
throw new Error('set zoom not supported under the web platform');
|
|
125
|
+
}
|
|
126
|
+
async getSupportedFlashModes() {
|
|
127
|
+
throw new Error('getSupportedFlashModes not supported under the web platform');
|
|
128
|
+
}
|
|
129
|
+
getSupportedZoomLevels() {
|
|
130
|
+
throw new Error('getSupportedFlashModes not supported under the web platform.');
|
|
131
|
+
}
|
|
132
|
+
async setFlashMode(_options) {
|
|
133
|
+
throw new Error('setFlashMode not supported under the web platform');
|
|
134
|
+
}
|
|
135
|
+
async flip() {
|
|
136
|
+
throw new Error('flip not supported under the web platform');
|
|
137
|
+
}
|
|
138
|
+
async setOpacity(_options) {
|
|
139
|
+
const video = document.getElementById('video');
|
|
140
|
+
if (!!video && !!_options['opacity']) {
|
|
141
|
+
video.style.setProperty('opacity', _options['opacity'].toString());
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
const CameraPreview = new CameraPreviewWeb();
|
|
146
|
+
export { CameraPreview };
|
|
156
147
|
//# sourceMappingURL=web.js.map
|
package/dist/esm/web.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"web.js","sourceRoot":"","sources":["../../src/web.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\r\n/* eslint-disable @typescript-eslint/prefer-for-of */\r\n/* eslint-disable @typescript-eslint/ban-types */\r\n/* eslint-disable no-async-promise-executor */\r\n/* eslint-disable @typescript-eslint/consistent-type-assertions */\r\n/* eslint-disable @typescript-eslint/no-inferrable-types */\r\nimport { WebPlugin, registerWebPlugin } from '@capacitor/core';\r\n\r\nimport type {\r\n CameraPreviewOptions,\r\n CameraPreviewPictureOptions,\r\n CameraPreviewPlugin,\r\n CameraPreviewFlashMode,\r\n CameraSampleOptions,\r\n CameraOpacityOptions,\r\n} from './definitions';\r\n\r\n\r\nexport class CameraPreviewWeb extends WebPlugin implements CameraPreviewPlugin {\r\n /**\r\n * track which camera is used based on start options\r\n * used in capture\r\n */\r\n private isBackCamera: boolean = false;\r\n\r\n constructor() {\r\n super({\r\n name: 'CameraPreview',\r\n platforms: ['web'],\r\n });\r\n }\r\n\r\n async start(options: CameraPreviewOptions): Promise<{}> {\r\n return new Promise(async (resolve, reject) => {\r\n await navigator.mediaDevices\r\n .getUserMedia({\r\n audio: !options.disableAudio,\r\n video: true\r\n })\r\n .then((stream: MediaStream) => {\r\n // Stop any existing stream so we can request media with different constraints based on user input\r\n stream.getTracks().forEach((track) => track.stop());\r\n })\r\n .catch((error) => {\r\n reject(error);\r\n });\r\n\r\n const video = document.getElementById('video');\r\n const parent = document.getElementById(options.parent as string);\r\n\r\n if (!video) {\r\n const videoElement = document.createElement('video');\r\n videoElement.id = 'video';\r\n videoElement.setAttribute('class', options.className || '');\r\n\r\n // Don't flip video feed if camera is rear facing\r\n if (options.position !== 'rear') {\r\n videoElement.setAttribute('style', '-webkit-transform: scaleX(-1); transform: scaleX(-1);');\r\n }\r\n\r\n const userAgent = navigator.userAgent.toLowerCase();\r\n const isSafari = userAgent.includes('safari') && !userAgent.includes('chrome');\r\n\r\n // Safari on iOS needs to have the autoplay, muted and playsinline attributes set for video.play() to be successful\r\n // Without these attributes videoElement.play() will throw a NotAllowedError\r\n // https://developer.apple.com/documentation/webkit/delivering_video_content_for_safari\r\n if (isSafari) {\r\n videoElement.setAttribute('autoplay', 'true');\r\n videoElement.setAttribute('muted', 'true');\r\n videoElement.setAttribute('playsinline', 'true');\r\n }\r\n if(parent){\r\n parent.appendChild(videoElement);\r\n }\r\n\r\n if (navigator.mediaDevices?.getUserMedia) {\r\n const constraints: MediaStreamConstraints = {\r\n video: {\r\n width: { ideal: options.width },\r\n height: { ideal: options.height }\r\n }\r\n };\r\n\r\n if (options.position === 'rear') {\r\n (constraints.video as MediaTrackConstraints).facingMode = 'environment';\r\n this.isBackCamera = true;\r\n } else {\r\n this.isBackCamera = false;\r\n }\r\n\r\n navigator.mediaDevices.getUserMedia(constraints).then(\r\n function (stream) {\r\n //video.src = window.URL.createObjectURL(stream);\r\n videoElement.srcObject = stream;\r\n videoElement.play();\r\n resolve({});\r\n },\r\n (err) => {\r\n reject(err);\r\n }\r\n );\r\n }\r\n } else {\r\n reject({ message: 'camera already started' });\r\n }\r\n });\r\n }\r\n\r\n async stop(): Promise<any> {\r\n const video = <HTMLVideoElement>document.getElementById('video');\r\n if (video) {\r\n video.pause();\r\n\r\n const st: any = video.srcObject;\r\n const tracks = st.getTracks();\r\n\r\n for (let i = 0; i < tracks.length; i++) {\r\n const track = tracks[i];\r\n track.stop();\r\n }\r\n video.remove();\r\n }\r\n }\r\n\r\n async capture(options: CameraPreviewPictureOptions): Promise<any> {\r\n return new Promise((resolve, _) => {\r\n const video = <HTMLVideoElement>document.getElementById('video');\r\n const canvas = document.createElement('canvas');\r\n\r\n // video.width = video.offsetWidth;\r\n\r\n const context = canvas.getContext('2d');\r\n canvas.width = video.videoWidth;\r\n canvas.height = video.videoHeight;\r\n\r\n // flip horizontally back camera isn't used\r\n if(context){\r\n if (!this.isBackCamera) {\r\n context.translate(video.videoWidth, 0);\r\n context.scale(-1, 1);\r\n }\r\n context.drawImage(video, 0, 0, video.videoWidth, video.videoHeight);\r\n }\r\n\r\n let base64EncodedImage;\r\n\r\n if (options.quality != undefined) {\r\n base64EncodedImage = canvas.toDataURL('image/jpeg', options.quality / 100.0).replace('data:image/jpeg;base64,', '');\r\n } else {\r\n base64EncodedImage = canvas.toDataURL('image/png').replace('data:image/png;base64,', '');\r\n }\r\n\r\n resolve({\r\n value: base64EncodedImage,\r\n });\r\n });\r\n }\r\n\r\n async captureSample(_options: CameraSampleOptions): Promise<any> {\r\n return this.capture(_options);\r\n }\r\n\r\n async setZoom(_options: CameraPreviewOptions): Promise<void> {\r\n throw new Error('set zoom not supported under the web platform');\r\n }\r\n async getSupportedFlashModes(): Promise<{\r\n result: CameraPreviewFlashMode[];\r\n }> {\r\n throw new Error('getSupportedFlashModes not supported under the web platform');\r\n }\r\n getSupportedZoomLevels(): Promise<{ result: any[]; }> {\r\n throw new Error('getSupportedFlashModes not supported under the web platform.');\r\n }\r\n\r\n async setFlashMode(_options: { flashMode: CameraPreviewFlashMode | string }): Promise<void> {\r\n throw new Error('setFlashMode not supported under the web platform');\r\n }\r\n\r\n async flip(): Promise<void> {\r\n throw new Error('flip not supported under the web platform');\r\n }\r\n\r\n async setOpacity(_options: CameraOpacityOptions): Promise<any> {\r\n const video = <HTMLVideoElement>document.getElementById('video');\r\n if (!!video && !!_options['opacity']) {\r\n video.style.setProperty('opacity', _options['opacity'].toString());\r\n }\r\n }\r\n}\r\n\r\nconst CameraPreview = new CameraPreviewWeb();\r\n\r\nexport { CameraPreview };\r\n\r\nregisterWebPlugin(CameraPreview);"]}
|
|
1
|
+
{"version":3,"file":"web.js","sourceRoot":"","sources":["../../src/web.ts"],"names":[],"mappings":"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"}
|