softbuilders-react-video-player
Advanced tools
Comparing version 1.1.30 to 1.1.31
import { SoftBuildersVideoPlayerChapter } from "../../types"; | ||
type Props = { | ||
chapters: SoftBuildersVideoPlayerChapter[]; | ||
chapters?: SoftBuildersVideoPlayerChapter[]; | ||
}; | ||
declare const ChaptersPanal: ({ chapters }: Props) => import("react/jsx-runtime").JSX.Element; | ||
export default ChaptersPanal; |
@@ -9,3 +9,3 @@ import { jsx as _jsx } from "react/jsx-runtime"; | ||
useEffect(() => { | ||
const newCs = chapters.map((c) => { | ||
const newCs = chapters === null || chapters === void 0 ? void 0 : chapters.map((c) => { | ||
const startPercentage = Math.floor((c.startTime * 100) / duration); | ||
@@ -16,3 +16,3 @@ const endPercentage = Math.floor((c.endTime * 100) / duration); | ||
}); | ||
setCs(newCs); | ||
newCs && setCs(newCs); | ||
}, [chapters, duration]); | ||
@@ -19,0 +19,0 @@ return (_jsx("div", { id: "chapters-panal", className: "sb-w-full sb-h-full sb-relative ", children: cs.map((c, i) => (_jsx(ChapterTooltip, { chapter: c }, `chapter-${i}-${c.startTime}`))) })); |
@@ -9,4 +9,4 @@ import React from "react"; | ||
duration: number; | ||
notes: SoftBuildersVideoPlayerNote[]; | ||
chapters: SoftBuildersVideoPlayerChapter[]; | ||
notes?: SoftBuildersVideoPlayerNote[]; | ||
chapters?: SoftBuildersVideoPlayerChapter[]; | ||
seekStep?: number; | ||
@@ -13,0 +13,0 @@ id?: string; |
import { SoftBuildersVideoPlayerNote } from "../../types"; | ||
type Props = { | ||
notes: SoftBuildersVideoPlayerNote[]; | ||
notes?: SoftBuildersVideoPlayerNote[]; | ||
}; | ||
declare const NotesPanal: ({ notes }: Props) => import("react/jsx-runtime").JSX.Element; | ||
export default NotesPanal; |
@@ -9,7 +9,7 @@ import { jsx as _jsx } from "react/jsx-runtime"; | ||
useEffect(() => { | ||
const newNs = notes.map((n) => { | ||
const newNs = notes === null || notes === void 0 ? void 0 : notes.map((n) => { | ||
const percentage = Math.floor((n.time * 100) / duration); | ||
return Object.assign(Object.assign({}, n), { percentage }); | ||
}); | ||
setNs(newNs); | ||
newNs && setNs(newNs); | ||
}, [notes, duration]); | ||
@@ -16,0 +16,0 @@ return (_jsx("div", { id: "notes-panal", className: "sb-w-full sb-h-full sb-relative ", children: ns.map((n, i) => (_jsx(NoteTooltip, { note: n }, `note-${i}-${n.time}`))) })); |
import { SoftBuildersVideoPlayerChapter } from "../../types"; | ||
type Props = { | ||
chapters: SoftBuildersVideoPlayerChapter[]; | ||
chapters?: SoftBuildersVideoPlayerChapter[]; | ||
}; | ||
declare const TimeSlider: ({ chapters }: Props) => import("react/jsx-runtime").JSX.Element; | ||
export default TimeSlider; |
@@ -29,3 +29,3 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime"; | ||
const arr = ["black 0%"]; | ||
chapters.forEach((c) => { | ||
chapters === null || chapters === void 0 ? void 0 : chapters.forEach((c) => { | ||
const startPercentage = Math.floor((c.startTime * 100) / duration); | ||
@@ -32,0 +32,0 @@ const endPercentage = Math.floor((c.endTime * 100) / duration); |
import { SoftBuildersVideoPlayerChapter, SoftBuildersVideoPlayerNote } from "../../types"; | ||
type Props = { | ||
notes: SoftBuildersVideoPlayerNote[]; | ||
chapters: SoftBuildersVideoPlayerChapter[]; | ||
notes?: SoftBuildersVideoPlayerNote[]; | ||
chapters?: SoftBuildersVideoPlayerChapter[]; | ||
}; | ||
declare const TimeSliderContainer: ({ notes, chapters }: Props) => import("react/jsx-runtime").JSX.Element; | ||
export default TimeSliderContainer; |
@@ -9,3 +9,3 @@ import "video.js/dist/video-js.css"; | ||
notes?: SoftBuildersVideoPlayerNote[]; | ||
chapters: SoftBuildersVideoPlayerChapter[]; | ||
chapters?: SoftBuildersVideoPlayerChapter[]; | ||
startTime?: number; | ||
@@ -12,0 +12,0 @@ poster?: string; |
@@ -15,2 +15,3 @@ import { jsx as _jsx } from "react/jsx-runtime"; | ||
if (container) { | ||
container.style.height = "100%"; | ||
const element = container.querySelector(".vjs-big-play-button"); | ||
@@ -29,2 +30,3 @@ if (element) { | ||
if (container) { | ||
container.style.height = "100%"; | ||
const element = container.querySelector(".vjs-control-bar"); | ||
@@ -31,0 +33,0 @@ if (element) { |
{ | ||
"name": "softbuilders-react-video-player", | ||
"description": "Standalone video player component", | ||
"version": "1.1.30", | ||
"version": "1.1.31", | ||
"main": "dist/index.js", | ||
@@ -6,0 +6,0 @@ "types": "dist/index.d.ts", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
303684
6649