react-native-media-controls

v2.3.0

A sweet UI component to manipulate your media. Strongly typed using Typescript. For more information about how to use this package see README

Latest version published 4 years ago

License: MIT

NPM

GitHub

Package Health Score

48 / 100

security
No known security issues
popularity
Small
maintenance
Inactive
community
Limited

Explore Similar Packages

Security

No known security issues

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

All Versions

Version				Vulnerabilities	License Risk
2.3.0	\|	02/2021	Popular	0 C 0 H 0 M 0 L	0 H 0 M 0 L
2.2.0	\|	12/2020		0 C 0 H 0 M 0 L	0 H 0 M 0 L
1.1.1	\|	02/2018		0 C 0 H 0 M 0 L	0 H 0 M 0 L
0.1.1	\|	07/2016		0 C 0 H 0 M 0 L	0 H 0 M 0 L

License

MIT

Security Policy

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Small

Weekly Downloads (3,596)

GitHub Stars: 188
Forks: 106
Contributors: 4

Direct Usage Popularity

The npm package react-native-media-controls receives a total of 3,596 downloads a week. As such, we scored react-native-media-controls popularity level to be Small.

Based on project statistics from the GitHub repository for the npm package react-native-media-controls, we found that it has been starred 188 times.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Limited

Readme.md: Yes
Contributing.md: No
Code of Conduct: No
Contributors: 4
Funding: No

This project has seen only 10 or less contributors.

We found a way for you to contribute to the project! Looks like react-native-media-controls is missing a Code of Conduct.

Embed Package Health Score Badge

Maintenance

Inactive

Commit Frequency

No Recent Commits

Open Issues: 16
Open PR: 23
Last Release: 4 years ago
Last Commit: 4 years ago

Further analysis of the maintenance status of react-native-media-controls based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Inactive.

An important project maintenance signal to consider for react-native-media-controls is that it hasn't seen any new versions released to npm in the past 12 months, and could be considered as a discontinued project, or that which receives low attention from its maintainers.

In the past month we didn't find any pull request activity or change in issues status has been detected for the GitHub repository.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: >=10

Age: 8 years
Dependencies: 0 Direct
Versions: 13
Install Size: 133 kB
Dist-tags: 1
# of Files: 44
Maintainers: 1
TS Typings: Yes

react-native-media-controls has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Readme

react-native-media-controls

A sweet UI component to manipulate your media. Strongly typed using Typescript.

mediac

Installation

   // install package
   yarn add react-native-media-controls
   // install react-native-slider, as this is a dependency of this library
   yarn add react-native-slider

Usage

// Require the module
import MediaControls, { PLAYER_STATES } from 'react-native-media-controls';

const App = () =&gt; {
  const [currentTime, setCurrentTime] = useState(0);
  const [duration, setDuration] = useState(0);
  const [isFullScreen, setIsFullScreen] = useState(false);
  const [isLoading, setIsLoading] = useState(true);
  const [paused, setPaused] = useState(false);
  const [playerState, setPlayerState] = useState(PLAYER_STATES.PLAYING);

  // ... ... ...
  // ... ... ...

  return (
    
  );
};

Props

Prop	Type	Optional	Default	Description
mainColor	string	Yes	rgba(12, 83, 175, 0.9)	Change custom color to the media controls
isLoading	boolean	Yes	false	When is loading
isFullScreen	boolean	Yes	false	To change icon state of fullscreen
fadeOutDelay	number	Yes	5000	Allows to customize the delay between fade in and fade out transition
progress	number	No		Current time of the media player
duration	number	No		Total duration of the media
playerState	number	No		Could be PLAYING, PAUSED or ENDED (take a look at constants section)
onFullScreen	function	Yes		Triggered when the fullscreen button is pressed. If not provided, the fullscreen icon is not displayed
onPaused	function	No		Triggered when the play/pause button is pressed. It returns the new toggled value (PLAYING or PAUSED)
onReplay	function	Yes		Triggered when the replay button is pressed
onSeek	function	No		Triggered when the user released the slider
onSeeking	function	Yes		Triggered when the user is interacting with the slider
showOnStart	boolean	Yes	true	controls the visibility of the controls during the initial render

Constants

  PLAYING,
  PAUSED,
  ENDED,

Example

Refer to the example folder to find an implementation of this project

react-native-media-controls development dependencies

@types/react @types/react-native husky react react-native-slider rollup-plugin-copy-assets tsdx tslib typescript

FAQs

What is react-native-media-controls?

A sweet UI component to manipulate your media. Strongly typed using Typescript. Visit Snyk Advisor to see a full health score report for react-native-media-controls, including popularity, security, maintenance & community analysis.

Is react-native-media-controls popular?

The npm package react-native-media-controls receives a total of 3,596 weekly downloads. As such, react-native-media-controls popularity was classified as small. Visit the popularity section on Snyk Advisor to see the full health analysis.

Is react-native-media-controls well maintained?

We found indications that react-native-media-controls is an Inactive project. See the full package health analysis to learn more about the package maintenance status.

Is react-native-media-controls safe to use?

The npm package react-native-media-controls was scanned for known vulnerabilities and missing license, and no issues were found. Thus the package was deemed as safe to use. See the full health analysis review.

Last updated on 18 November-2024, at 12:42 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP

Package Health Score

Explore Similar Packages

Security and license risk for significant versions

Is your project affected by vulnerabilities?

Weekly Downloads (3,596)

Direct Usage Popularity

Embed Package Health Score Badge

Commit Frequency

Keep your project healthy

Check your package.json

Snyk Vulnerability Scanner

Readme

react-native-media-controls

Installation

Usage

Props

Constants

Example

react-native-media-controls development dependencies

FAQs

What is react-native-media-controls?

Is react-native-media-controls popular?

Is react-native-media-controls well maintained?

Is react-native-media-controls safe to use?

Build a secure application checklist

Select a recommended open source package

Scan your app for vulnerabilities

Source Code

Open Source

Container

Config

Fix identified vulnerabilities

Monitor for new issues