mirax-player - npm Package Compare versions

Comparing version 3.0.0-beta.2 to 3.0.0-beta.3

package.json

 {
   "name": "mirax-player",
-  "version": "3.0.0-beta.2",
+  "version": "3.0.0-beta.3",
   "description": "Mirax Player is an adaptable video player and embedding solution that seamlessly integrates with TypeScript and JavaScript applications across a range of popular front-end libraries and frameworks, including React, Vue, Angular, and Svelte.",
@@ -5,0 +5,0 @@ "main": "index.js",

README.md

@@ -44,5 +44,4 @@ <p align="center">
 - You can declare your color themes inside to your component. 
-- Embed videos has controller based on developer's documentation [See](#embed)
+- Embedding videos have a controller based on the developer’s documentation.
 - New logo
-- Minimize theme player UI
 
@@ -71,6 +70,6 @@
 
-Embed Sites | Source type  | link | Controller Params |
------- | --------- | --------- |  -------------- |
-YouTube | Iframe Api | https://developers.google.com/youtube/iframe_api_reference | https://developers.google.com/youtube/player_parameters  
-Vimeo |  Player SDK | https://developer.vimeo.com/player/sdk | https://developer.vimeo.com/player/sdk/embed
+Sites | Source |  Control Params | Links |
+------ | -------- | --------- |  -------------- |
+YouTube | Iframe Api | https://developers.google.com/youtube/player_parameters | https://developers.google.com/youtube/iframe_api_reference
+Vimeo |  Player SDK | https://developer.vimeo.com/player/sdk/embed  |   https://developer.vimeo.com/player/sdk
 
@@ -113,4 +112,4 @@ input:
   const miraxCustomizer = {
-    playerTheme: "rgba(250, 149, 35, 0.9)",
-    progressTheme:  "blue"
+    playerTheme: "",
+    progressTheme:  ""
   };
@@ -152,2 +151,3 @@ useEffect(() => {
 ```
+-----------------------------------
 ```js 
@@ -216,4 +216,4 @@ import React, { useEffect, useRef } from "react";
     const miraxCustomizer = {
-      playerTheme: "none",
-      progressTheme:  "orange"
+      playerTheme: "",
+      progressTheme:  ""
     };
@@ -254,2 +254,3 @@ onMounted(() => {
 ```
+-----------------------------------
 ```js 
@@ -329,4 +330,4 @@ <template>
   miraxCustomizer = {
-    playerTheme: "rgba(228, 41, 82, 0.3)",
-    progressTheme: "yellow"
+    playerTheme: "",
+    progressTheme: ""
   };
@@ -375,2 +376,3 @@ ngOnInit(): void {
 ```
+-----------------------------------
 ```js
@@ -389,4 +391,4 @@ import { Component, ElementRef, OnInit, ViewChild } from '@angular/core';
     const youtubeParams = {
-      width: 1000,
-      height: 660,
+      width: 640,
+      height: 360,
       playerVars: {
@@ -402,4 +404,4 @@ controls: 1,
     const vimeoParams = {
-      width: 1000,
-      height: 660,
+      width: 640,
+      height: 360,
       autopause: 0,
@@ -433,4 +435,4 @@ controls: true,
   const miraxCustomizer = {
-      playerTheme: "none",
-      progressTheme:  "yellow"
+      playerTheme: "",
+      progressTheme:  ""
   };
@@ -471,2 +473,3 @@ $: if(video) {
 ```
+-----------------------------------
 ```js
@@ -483,3 +486,3 @@ <script>
     width: 600,
-    height: 460,
+    height: 360,
     playerVars: {
@@ -496,4 +499,4 @@ controls: 1,
   const vimeoParams = {
-    width: 1300,
-    height: 760,
+    width: 640,
+    height: 360,
     autopause: 0,
@@ -551,2 +554,35 @@ controls: true,
 ```
+```js
+  const miraxCustomizer = {
+      playerTheme: "",
+      progressTheme:  ""
+  };
+```
+-----
+examples: you can copy and paste to your component
+---------
+```js
+  const miraxCustomizer = {
+      playerTheme: "rgba(250, 149, 35, 0.9)",
+      progressTheme:  "rgba(17, 117, 59, 0.9)"
+  };
+```
+```js
+  const miraxCustomizer = {
+      playerTheme: "rgb(0,0,0)",
+      progressTheme:  "rgb(255, 255, 255)"
+  };
+```
+```js
+  const miraxCustomizer = {
+      playerTheme: "#000000",
+      progressTheme:  "#00ff00"
+  };
+```
+```js
+  const miraxCustomizer = {
+      playerTheme: "black",
+      progressTheme:  "red"
+  };
+```
 If you want pure transparent:
@@ -553,0 +589,0 @@ ---------

src/angular/TypescriptEmbed.md

@@ -14,4 +14,4 @@ ```js
     const youtubeParams = {
-      width: 640,
-      height: 360,
+      width: 1000,
+      height: 660,
       playerVars: {
@@ -27,4 +27,4 @@ controls: 1,
     const vimeoParams = {
-      width: 640,
-      height: 360,
+      width: 1000,
+      height: 660,
       autopause: 0,
@@ -31,0 +31,0 @@ controls: true,

src/react/JavascriptEmbed.md

@@ -11,4 +11,3 @@ ```js
   const youtubeParams = {
-    width: 640,
-    height: 360,
+    width: 1000, height: 660,
     playerVars: { 
@@ -24,4 +23,4 @@ controls: 1,
   const vimeoParams = { 
-    width: 640, 
-    height: 360, 
+    width: 1300, 
+    height: 760, 
     autopause: 0, 
@@ -28,0 +27,0 @@ controls: true,

src/react/TypescriptEmbed.md

@@ -10,4 +10,4 @@ ```js
   const youtubeParams = {
-    width: 640,
-    height: 360,
+    width: 1000,
+    height: 660,
     playerVars: {
@@ -23,4 +23,4 @@ controls: 1,
   const vimeoParams = {
-    width: 640,
-    height: 360,
+    width: 1300,
+    height: 760,
     autopause: 0,
@@ -27,0 +27,0 @@ controls: true,

src/svelte/JavascriptEmbed.md

@@ -11,4 +11,4 @@ ```js
   const youtubeParams = {
-    width: 640,
-    height: 360,
+    width: 600,
+    height: 460,
     playerVars: {
@@ -25,4 +25,4 @@ controls: 1,
   const vimeoParams = {
-    width: 6400,
-    height: 360,
+    width: 1300,
+    height: 760,
     autopause: 0,
@@ -29,0 +29,0 @@ controls: true,

src/vue/JavascriptEmbed.md

@@ -23,4 +23,4 @@ ```js
       const youtubeParams = {
-        width: 6400,
-        height: 360,
+        width: 1000,
+        height: 660,
         playerVars: {
@@ -37,4 +37,4 @@ controls: 1,
       const vimeoParams = {
-        width: 640,
-        height: 360,
+        width: 1000,
+        height: 660,
         autopause: 0,
@@ -41,0 +41,0 @@ controls: true,

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Number of lines in readme file

601

increased by6.37%

Worsened metrics

Total package byte prevSize

66025

decreased by-2.35%

Number of package files

27

decreased by-10%

No dependency changes