cafe-video-player 1.1.7 → 1.1.9

package/README.md

@@ -0,0 +1,104 @@
+# cafe-video-player
+
+✔ Playing static and vod videos
+
+## Installation
+
+```
+$ npm install --save cafe-video-player
+$ yarn add cafe-video-player
+
+```
+## Example
+
+✔ To use the player to play the vod, you need to give the following props to the VideoPlayerLibrary component. for example:
+
+```jsx
+import dynamic from "next/dynamic";
+const VideoPlayerLibrary = dynamic(() => import("cafe-video-player"), { ssr: false })
+
+export default function HomePage() {
+
+  const params = {
+    id: "6623",
+    type: "vod"
+  }
+
+  return (
+    <div>
+      <VideoPlayerLibrary params={params} />
+    </div>
+  );
+}
+
+```
+
+## Example
+
+✔ To use the player to play the static videos, you need to give the following props to the VideoPlayerLibrary component. for example::
+
+```jsx
+import dynamic from "next/dynamic";
+const VideoPlayerLibrary = dynamic(() => import("cafe-video-player"), { ssr: false })
+
+export default function HomePage() {
+
+  const params = {
+    type: "mp4",
+    "e-url": "aHR0cHM6Ly9hYnJlaGFtcmFoaS5pci9vL3RXMHFONUQwWFB2R04wdGhJQUM1UUEv",
+    "e-cover": "aHR0cHM6Ly9hYnJlaGFtcmFoaS5pci9vL3RXMHFONUQwWFB2R04wdGhJQUM1UUEvP3RodW1iPXRydWU="
+  }
+
+  return (
+    <div>
+      <VideoPlayerLibrary params={params} />
+    </div>
+  );
+}
+
+
+```
+
+## Example
+
+✔ To use the mini player feature, it is necessary to assign an id to the element on which the scroll happens and then give that id to the player as props.
+
+```jsx
+
+import dynamic from "next/dynamic";
+const VideoPlayerLibrary = dynamic(() => import("cafe-video-player"), { ssr: false })
+
+export default function HomePage() {
+
+  const params = {
+    type: "mp4",
+    "e-url": "aHR0cHM6Ly9hYnJlaGFtcmFoaS5pci9vL3RXMHFONUQwWFB2R04wdGhJQUM1UUEv",
+    "e-cover": "aHR0cHM6Ly9hYnJlaGFtcmFoaS5pci9vL3RXMHFONUQwWFB2R04wdGhJQUM1UUEvP3RodW1iPXRydWU=",
+    scrollElementId: "element-scroll-id"
+  }
+
+  return (
+    <div>
+      <VideoPlayerLibrary params={params} />
+    </div>
+  );
+}
+
+
+```
+
+To open the modals, you must put the following element at the end of the body in the _document component.
+
+```jsx
+
+<div id="dialog-react-root-videoPlayer" />
+
+```
+
+In order for the styles to be displayed correctly, you must import the videoPlayerStyles.css file from the node_module into the _app component
+
+```jsx
+
+import "../node_modules/cafe-video-player/videoPlayerStyles.css"
+
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cafe-video-player",
-  "version": "1.1.7",
+  "version": "1.1.9",
   "private": false,
   "main": "./dist/index.js",
   "module": "./dist/index.cjs",
@@ -11,7 +11,7 @@
     "start": "next start",
     "lint": "next lint",
     "tailwind-build": "npx tailwindcss -i ./src/app/globals.css -o ./dist/videoPlayerStyles.css",
-    "tsup-publish": "tsup && @powershell copy package.json ./dist && copy README.md ./dist && npm run tailwind-build"
+    "tsup-publish": "tsup && @powershell copy package.json ./dist && @powershell copy README.md ./dist && npm run tailwind-build"
   },
   "dependencies": {
     "@reduxjs/toolkit": "^2.2.3",