https://github.com/jim-junior/reactjs-media

Interactive media in React.
https://github.com/jim-junior/reactjs-media

audio javascript media player react reactjs reactjs-media video

Last synced: 12 months ago
JSON representation

Interactive media in React.

• Host: GitHub
• URL: https://github.com/jim-junior/reactjs-media
• Owner: jim-junior
• License: mit
• Created: 2021-01-13T11:28:14.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2025-02-28T21:14:00.000Z (over 1 year ago)
• Last Synced: 2025-07-03T21:44:08.875Z (about 1 year ago)
• Topics: audio, javascript, media, player, react, reactjs, reactjs-media, video
• Language: TypeScript
• Homepage: https://orbiton.js.org/open-ug/reactjs-media/intro/
• Size: 7.16 MB
• Stars: 23
• Watchers: 1
• Forks: 10
• Open Issues: 13
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.MD
  • License: LICENSE
  • Security: SECURITY.md

Awesome Lists containing this project

README

          
# Reactjs Media

##### 
 [![License: MIT](https://flat.badgen.net/npm/license/reactjs-media)](https://opensource.org/licenses/MIT) [![Npm package total downloads](https://flat.badgen.net/npm/dt/reactjs-media)](https://npmjs.com/package/reactjs-media) [![version](https://flat.badgen.net/npm/v/reactjs-media)](https://npmjs.com/package/reactjs-media) [![](https://flat.badgen.net/badge/icon/github?icon=github&label&color=black)](https://github.com/jim-junior/reactjs-media) 


Interactive media in React. This library is a collection of media components that can be used to display media on the web.

Try it out on [CodeSandbox](https://codesandbox.io/p/sandbox/reactjs-media-c5x795)

It includes currently only has a video and audio component.

Available components:

- Video

- Audio

#### Installation

To install go to your terminal and run this script

```bash

# npm

$ npm install reactjs-media

# yarn

$ yarn add reactjs-media

```

#### Setup

In here we shall show a small demo on how to setup a simple video component. We shall create the default component.

```jsx

import React from 'react';

import { Video } from 'reactjs-media';

const App = () => {

    return (

        


            

        

    )

}


```

If you want to learn more, Checkout the offical [Documentation](https://open.cranom.tech/reactjs-media/intro "Documentation")

___

The source code can be found on [Github](https://github.com/jim-junior/reactjs-media).