Security News
GitHub Removes Malicious Pull Requests Targeting Open Source Repositories
GitHub removed 27 malicious pull requests attempting to inject harmful code across multiple open source repositories, in another round of low-effort attacks.
@aigamo/nostalgic-diva
Advanced tools
React function components for imperatively controlling embedded players (audio, Niconico, SoundCloud and YouTube) using refs.
React function components for imperatively controlling embedded players (audio, Dailymotion, Niconico, SoundCloud, Twitch, Vimeo and YouTube) using refs.
This was originally developed in VocaDB/vocadb#1101 as a part of VocaDB.
NOTE: This is an independent fork of VocaDB/nostalgic-diva.
yarn add @aigamo/nostalgic-diva
or npm i @aigamo/nostalgic-diva
import {
NostalgicDiva,
NostalgicDivaProvider,
PlayerOptions,
} from '@aigamo/nostalgic-diva';
// Callbacks
const handleError = React.useCallback(() => {}, []);
const handlePlay = React.useCallback(() => {}, []);
const handlePause = React.useCallback(() => {}, []);
const handleEnded = React.useCallback(() => {}, []);
const handleTimeUpdate = React.useCallback(() => {}, []);
// Options
const options = React.useMemo(
(): PlayerOptions => ({
onError: handleError,
onPlay: handlePlay,
onPause: handlePause,
onEnded: handleEnded,
onTimeUpdate: handleTimeUpdate,
}),
[handleError, handlePlay, handlePause, handleEnded, handleTimeUpdate],
);
<NostalgicDivaProvider>
<NostalgicDiva
// Supported media types:
// - "Audio"
// - "Niconico"
// - "SoundCloud"
// - "Vimeo"
// - "YouTube"
src="https://www.youtube.com/watch?v=bGdtvUQ9OAs"
options={options}
/>
;
</NostalgicDivaProvider>;
import { useNostalgicDiva } from '@aigamo/nostalgic-diva';
const diva = useNostalgicDiva();
// Play
await diva.play();
// Pause
await diva.pause();
// Mute
await diva.setMuted(true);
// Unmute
await diva.setMuted(false);
// Seek
await diva.setCurrentTime(seconds);
or by using a Web Component
import { defineNostalgicDiva } from '@aigamo/nostalgic-diva';
defineNostalgicDiva();
<nostalgic-diva
src="https://www.youtube.com/watch?v=bGdtvUQ9OAs"
id="nostalgic-diva"
/>
import { NostalgicDivaElement } from '@aigamo/nostalgic-diva';
const diva = document.querySelector<NostalgicDivaElement>('#nostalgic-diva');
// Event listeners
diva.addEventListener('error', (e) => {});
diva.addEventListener('play', (e) => {});
diva.addEventListener('pause', (e) => {});
diva.addEventListener('ended', (e) => {});
diva.addEventListener('timeupdate', (e) => {});
// Play
await diva.play();
// Pause
await diva.pause();
// Mute
await diva.setMuted(true);
// Unmute
await diva.setMuted(false);
// Seek
await diva.setCurrentTime(seconds);
Function | Description |
---|---|
loadVideo(id: string): Promise<void> | Loads a new video into an existing player. |
play(): Promise<void> | Plays a video. |
pause(): Promise<void> | Pauses the playback of a video. |
setCurrentTime(seconds: number): Promise<void> | Sets the current playback position in seconds. |
setVolume(volume: number): Promise<void> | Sets the volume level of the player on a scale from 0 to 1. |
setMuted(muted: boolean): Promise<void> | Sets the muted state of the player. |
getDuration(): Promise<number | undefined> | Gets the duration of the video in seconds. |
getCurrentTime(): Promise<number | undefined> | Gets the current playback position of a video, measured in seconds. |
Event | Description |
---|---|
onError(event: any): void | Fired when the player experiences some sort of error. |
onPlay(): void | Fired when the video plays. |
onPause(): void | Fired when the video is paused. |
onEnded(): void | Fired when playback reaches the end of a video. |
onTimeUpdate(event: TimeEvent): void | Fired when the playback position of the video changes. |
The attach
function is called when switching from another player (Audio, Niconico, SoundCloud and YouTube), and the detach
function is called when switching to another player. After the detach
function is called, you cannot use any imperative functions like loadVideo
, play
, pause
and etc.
FAQs
React function components for imperatively controlling embedded players (audio, Niconico, SoundCloud and YouTube) using refs.
The npm package @aigamo/nostalgic-diva receives a total of 10 weekly downloads. As such, @aigamo/nostalgic-diva popularity was classified as not popular.
We found that @aigamo/nostalgic-diva demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
GitHub removed 27 malicious pull requests attempting to inject harmful code across multiple open source repositories, in another round of low-effort attacks.
Security News
RubyGems.org has added a new "maintainer" role that allows for publishing new versions of gems. This new permission type is aimed at improving security for gem owners and the service overall.
Security News
Node.js will be enforcing stricter semver-major PR policies a month before major releases to enhance stability and ensure reliable release candidates.