Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

softbuilders-react-video-player

Package Overview
Dependencies
Maintainers
0
Versions
129
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

softbuilders-react-video-player - npm Package Compare versions

Comparing version 1.1.30 to 1.1.31

2

dist/components/ChaptersPanal/index.d.ts
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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc