@osimatic/helpers-js 1.0.13 → 1.0.14

package/media.js

@@ -1,12 +1,12 @@
 class AudioMedia {
 
 	static getPlayer(playUrl) {
-		return '<audio controls preload="none"><source src="'+playUrl+'" type="audio/x-wav"></audio>';
+		return '<audio controls preload="none"><source src="' + playUrl + '" type="audio/x-wav"></audio>';
 	}
 
 	static initPlayLinks(div) {
 		// Affiche un lecteur audio
-		div.find('.play_link').off('click').click(function() {
+		div.find('.play_link').off('click').click(function () {
 			let audio = $(AudioMedia.getPlayer($(this).data('play_url')));
 			audio[0].play();
 			$(this).after(audio);
@@ -14,7 +14,7 @@ class AudioMedia {
 			return false;
 		});
 
-		div.find('.play_asynchronously_link').off('click').click(function() {
+		div.find('.play_asynchronously_link').off('click').click(function () {
 			if ($(this).buttonLoader('loading') != null) {
 				let button = $(this).buttonLoader('loading');
 				AudioMedia.playAudioUrl($(this).data('url'), () => button.buttonLoader('reset'));
@@ -22,11 +22,11 @@ class AudioMedia {
 				let button = $(this).attr('disabled', true).button('loading');
 				AudioMedia.playAudioUrl($(this).data('url'), () => button.attr('disabled', false).button('reset'));
 			}
-			
+
 			return false;
 		});
 
-		div.find('.modal_play_link').off('click').click(function() {
+		div.find('.modal_play_link').off('click').click(function () {
 			$('#modal_voice_message_play').on('show.bs.modal', function (event) {
 				let button = $(event.relatedTarget);
 				let modal = $(this);
@@ -49,15 +49,15 @@ class AudioMedia {
 			Object.entries(httpHeaders).forEach(([key, value]) => request.setRequestHeader(key, value));
 			request.responseType = "arraybuffer";
 
-			request.onload = function() {
-				context.decodeAudioData(request.response, function(buffer) {
+			request.onload = function () {
+				context.decodeAudioData(request.response, function (buffer) {
 					let source = context.createBufferSource();
 					source.buffer = buffer;
 					source.connect(context.destination);
 					// auto play
 					source.start(0); // start was previously noteOn
 
-					source.onended = function(event) {
+					source.onended = function (event) {
 						if (typeof onPlayed == 'function') {
 							onPlayed(event);
 						}
@@ -66,7 +66,7 @@ class AudioMedia {
 			};
 			request.send();
 		}
-		catch(e) {
+		catch (e) {
 			console.log(e);
 			console.log('web audio api not supported');
 		}
@@ -74,7 +74,93 @@ class AudioMedia {
 
 }
 
-module.exports = { AudioMedia };
+//Source : https://www.npmjs.com/package/mic-check
+class UserMedia { 
+	/** SystemPermissionDenied => (macOS) browser does not have permission to access cam/mic */
+    /** UserPermissionDenied => user denied permission for site to access cam/mic */
+    /** CouldNotStartVideoSource = > (Windows) browser does not have permission to access cam/mic OR camera is in use by another application or browser tab */
+    /** Generic => all other errors */
+
+	static requestMediaPermissions(constraints) {
+		return new Promise((resolve, reject) => {	
+			let userAgent = navigator.userAgent;
+			let browser;
+			
+			if (userAgent.match(/chrome|chromium|crios/i)) {
+				browser = "Chrome";
+			} else if (userAgent.match(/firefox|fxios/i)) {
+				browser = "firefox";
+			} else if (userAgent.match(/safari/i)) {
+				browser = "Safari";
+			} else if(userAgent.match(/opr\//i)) {
+				browser = "Opera";
+			} else if (userAgent.match(/edg/i)) {
+				browser = "Edge";
+			} else {
+				browser = "No browser detection";
+			}
+			
+			navigator.mediaDevices.getUserMedia(constraints !== 'undefined' ? constraints : { audio: true, video: true })
+			.then((stream) => {
+				stream.getTracks().forEach((track) => track.stop());
+				resolve();
+			}).catch((error) => {
+				const errName = error.name;
+				const errMessage = error.message;
+				let errorType = "Generic";
+
+				if (browser === 'Chrome') {
+					if (errName === 'NotAllowedError') {
+						if (errMessage === 'Permission denied by system') {
+							errorType = "SystemPermissionDenied";
+						} else if (errMessage === 'Permission denied') {
+							errorType = "UserPermissionDenied";
+						}
+					} else if (errName === 'NotReadableError') {
+						errorType = "CouldNotStartVideoSource";
+					}
+				} else if (browser === 'Safari') {
+					if (errName === 'NotAllowedError') {
+						errorType = "UserPermissionDenied";
+					}
+				} else if (browser === 'Microsoft Edge') {
+					if (errName === 'NotAllowedError') {
+						errorType = "UserPermissionDenied";
+					} else if (errName === 'NotReadableError') {
+						errorType = "CouldNotStartVideoSource";
+					}
+				} else if (browser === 'Firefox') {
+					// https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia#exceptions
+					if (errName === 'NotFoundError') {
+						errorType = "SystemPermissionDenied";
+					} else if (errName === 'NotReadableError') {
+						errorType = "SystemPermissionDenied";
+					} else if (errName === 'NotAllowedError') {
+						errorType = "UserPermissionDenied";
+					} else if (errName === 'AbortError') {
+						errorType = "CouldNotStartVideoSource";
+					}
+				}
+
+				reject({ type: errorType, name: error.name, message: error.message });
+			});
+		});
+	}
+
+	static requestAudioPermissions(audioConstraints) {
+		return this.requestMediaPermissions({ audio: (audioConstraints !== 'undefined' ? audioConstraints : true), video: false });
+	}
+	
+	static requestVideoPermissions(audioConstraints, videoConstraints) {
+		return this.requestMediaPermissions({ audio: (audioConstraints !== 'undefined' ? audioConstraints : true), video: (videoConstraints !== 'undefined' ? videoConstraints : true )});
+	}
+
+	static requestMutedVideoPermissions(videoConstraints) {
+		return this.requestMediaPermissions({ audio: false, video: (videoConstraints !== 'undefined' ? videoConstraints : true )});
+	}
+}
+
+module.exports = { AudioMedia, UserMedia };
 
 //deprecated
 function hasGetUserMedia() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@osimatic/helpers-js",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/.idea/helpers-js.iml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="WEB_MODULE" version="4">
-  <component name="NewModuleRootManager">
-    <content url="file://$MODULE_DIR$" />
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-  </component>
-</module>

package/.idea/modules.xml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectModuleManager">
-    <modules>
-      <module fileurl="file://$PROJECT_DIR$/.idea/helpers-js.iml" filepath="$PROJECT_DIR$/.idea/helpers-js.iml" />
-    </modules>
-  </component>
-</project>

package/.idea/vcs.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="VcsDirectoryMappings">
-    <mapping directory="$PROJECT_DIR$" vcs="Git" />
-  </component>
-</project>