A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion

Overview

ReactPlayer

Latest npm version Build Status Test Coverage Become a sponsor on Patreon

A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia, Mixcloud, DailyMotion and Kaltura. Not using React? No problem.

Migrating to ReactPlayer v2.0

ReactPlayer v2.0 changes single player imports and adds lazy loading players. Support for preload has also been removed, plus some other changes. See MIGRATING.md for information.

Usage

npm install react-player # or yarn add react-player
import React from 'react'
import ReactPlayer from 'react-player'

// Render a YouTube video player
<ReactPlayer url='https://www.youtube.com/watch?v=ysz5S6PUM-U' />

By default, ReactPlayer supports many different types of url. If you only ever use one type, use imports such as react-player/youtube to reduce your bundle size. See config keys for all player keys.

import React from 'react'
import ReactPlayer from 'react-player/youtube'

// Only loads the YouTube player
<ReactPlayer url='https://www.youtube.com/watch?v=ysz5S6PUM-U' />

If your build system supports import() statements, use react-player/lazy to lazy load the appropriate player for the url you pass in. This adds several reactPlayer chunks to your output, but reduces your main bundle size.

import React from 'react'
import ReactPlayer from 'react-player/lazy'

// Lazy load the YouTube player
<ReactPlayer url='https://www.youtube.com/watch?v=ysz5S6PUM-U' />

Demo page: https://cookpete.com/react-player

The component parses a URL and loads in the appropriate markup and external SDKs to play media from various sources. Props can be passed in to control playback and react to events such as buffering or media ending. See the demo source for a full example.

For platforms without direct use of npm modules, a minified version of ReactPlayer is located in dist after installing. To generate this file yourself, checkout the repo and run npm run build:dist.

Polyfills

Autoplay

As of Chrome 66, videos must be muted in order to play automatically. Some players, like Facebook, cannot be unmuted until the user interacts with the video, so you may want to enable controls to allow users to unmute videos themselves. Please set muted={true}.

Props

Prop Description Default
url The url of a video or song to play
  ◦  Can be an array or MediaStream object
playing Set to true or false to pause or play the media false
loop Set to true or false to loop the media false
controls Set to true or false to display native player controls.
  ◦  For Vimeo videos, hiding controls must be enabled by the video owner.
false
light Set to true to show just the video thumbnail, which loads the full player on click
  ◦  Pass in an image URL to override the preview image
false
volume Set the volume of the player, between 0 and 1
  ◦  null uses default volume on all players #357
null
muted Mutes the player
  ◦  Only works if volume is set
false
playbackRate Set the playback rate of the player
  ◦  Only supported by YouTube, Wistia, and file paths
1
width Set the width of the player 640px
height Set the height of the player 360px
style Add inline styles to the root element {}
progressInterval The time between onProgress callbacks, in milliseconds 1000
playsinline Applies the playsinline attribute where supported false
pip Set to true or false to enable or disable picture-in-picture mode
  ◦  Only available when playing file URLs in certain browsers
false
stopOnUnmount If you are using pip you may want to use stopOnUnmount={false} to continue playing in picture-in-picture mode even after ReactPlayer unmounts true
fallback Element or component to use as a fallback if you are using lazy loading null
wrapper Element or component to use as the container element div
playIcon Element or component to use as the play icon in light mode
previewTabIndex Set the tab index to be used on light mode 0
config Override options for the various players, see config prop

Callback props

Callback props take a function that gets fired on various player events:

Prop Description
onReady Called when media is loaded and ready to play. If playing is set to true, media will play immediately
onStart Called when media starts playing
onPlay Called when media starts or resumes playing after pausing or buffering
onProgress Callback containing played and loaded progress as a fraction, and playedSeconds and loadedSeconds in seconds
  ◦  eg { played: 0.12, playedSeconds: 11.3, loaded: 0.34, loadedSeconds: 16.7 }
onDuration Callback containing duration of the media, in seconds
onPause Called when media is paused
onBuffer Called when media starts buffering
onBufferEnd Called when media has finished buffering
  ◦  Works for files, YouTube and Facebook
onSeek Called when media seeks with seconds parameter
onEnded Called when media finishes playing
  ◦  Does not fire when loop is set to true
onError Called when an error occurs whilst attempting to play media
onClickPreview Called when user clicks the light mode preview
onEnablePIP Called when picture-in-picture mode is enabled
onDisablePIP Called when picture-in-picture mode is disabled

Config prop

There is a single config prop to override settings for each type of player:

<ReactPlayer
  url={url}
  config={{
    youtube: {
      playerVars: { showinfo: 1 }
    },
    facebook: {
      appId: '12345'
    }
  }}
/>

Settings for each player live under different keys:

Key Options
youtube playerVars: Override the default player vars
embedOptions: Override the default embed options
onUnstarted: Called when state changes to unstarted (usually when video fails to autoplay)
facebook appId: Your own Facebook app ID
version: Facebook SDK version
playerId: Override player ID for consistent server-side rendering (use with react-uid)
attributes: Extra data attributes to pass to the fb-video element
soundcloud options: Override the default player options
vimeo playerOptions: Override the default params
wistia options: Override the default player options
playerId: Override player ID for consistent server-side rendering (use with react-uid)
mixcloud options: Override the default player options
dailymotion params: Override the default player vars
twitch options: Override the default player options
playerId: Override player ID for consistent server-side rendering (use with react-uid)
file attributes: Apply element attributes
forceVideo: Always render a <video> element
forceAudio: Always render an <audio> element
forceHLS: Use hls.js for HLS streams
forceDASH: Always use dash.js for DASH streams
forceFLV: Always use flv.js
hlsOptions: Override the default hls.js options
hlsVersion: Override the hls.js version loaded from jsdelivr, default: 0.13.1
dashVersion: Override the dash.js version loaded from cdnjs, default: 2.9.2
flvVersion: Override the flv.js version loaded from jsdelivr, default: 1.5.0

Methods

Static Methods

Method Description
ReactPlayer.canPlay(url) Determine if a URL can be played. This does not detect media that is unplayable due to privacy settings, streaming permissions, etc. In that case, the onError prop will be invoked after attemping to play. Any URL that does not match any patterns will fall back to a native HTML5 media player.
ReactPlayer.canEnablePiP(url) Determine if a URL can be played in picture-in-picture mode
ReactPlayer.addCustomPlayer(CustomPlayer) Add a custom player. See Adding custom players
ReactPlayer.removeCustomPlayers() Remove any players that have been added using addCustomPlayer()

Instance Methods

Use ref to call instance methods on the player. See the demo app for an example of this.

Method Description
seekTo(amount, type) Seek to the given number of seconds, or fraction if amount is between 0 and 1
  ◦  type parameter lets you specify 'seconds' or 'fraction' to override default behaviour
getCurrentTime() Returns the number of seconds that have been played
  ◦  Returns null if unavailable
getSecondsLoaded() Returns the number of seconds that have been loaded
  ◦  Returns null if unavailable or unsupported
getDuration() Returns the duration (in seconds) of the currently playing media
  ◦  Returns null if duration is unavailable
getInternalPlayer() Returns the internal player of whatever is currently playing
  ◦  eg the YouTube player instance, or the <video> element when playing a video file
  ◦  Use getInternalPlayer('hls') to get the hls.js player
  ◦  Use getInternalPlayer('dash') to get the dash.js player
  ◦  Returns null if the internal player is unavailable
showPreview() When using light mode, returns to the preview overlay

Advanced Usage

Light player

The light prop will render a video thumbnail with simple play icon, and only load the full player once a user has interacted with the image. Noembed is used to fetch thumbnails for a video URL. Note that automatic thumbnail fetching for Facebook, Wistia, Mixcloud and file URLs are not supported, and ongoing support for other URLs is not guaranteed.

If you want to pass in your own thumbnail to use, set light to the image URL rather than true.

The styles for the preview image and play icon can be overridden by targeting the CSS classes react-player__preview, react-player__shadow and react-player__play-icon.

Responsive player

Set width and height to 100% and wrap the player in a fixed aspect ratio box to get a responsive player:

class ResponsivePlayer extends Component {
  render () {
    return (
      <div className='player-wrapper'>
        <ReactPlayer
          className='react-player'
          url='https://www.youtube.com/watch?v=ysz5S6PUM-U'
          width='100%'
          height='100%'
        />
      </div>
    )
  }
}
.player-wrapper {
  position: relative;
  padding-top: 56.25% /* Player ratio: 100 / (1280 / 720) */
}

.react-player {
  position: absolute;
  top: 0;
  left: 0;
}

See jsFiddle example

SDK Overrides

You can use your own version of any player SDK, assuming the correct window global is set before the player mounts. For example, to use a local version of hls.js, add <script src='/path/hls.js'></script> to your app. If window.Hls is available when ReactPlayer mounts, it will use that instead of loading hls.js from cdnjs. See #605 for more information.

Standalone player

If you aren’t using React, you can still render a player using the standalone library:

<script src='https://unpkg.com/react-player/dist/ReactPlayer.standalone.js'></script>
<script>
  const container = document.getElementById('container')
  const url = 'https://www.youtube.com/watch?v=d46Azg3Pm4c'

  renderReactPlayer(container, { url, playing: true })

  function pausePlayer () {
    renderReactPlayer(container, { url, playing: false })
  }
</script>

See jsFiddle example

Adding custom players

If you have your own player that is compatible with ReactPlayer’s internal architecture, you can add it using addCustomPlayer:

import YourOwnPlayer from './somewhere';
ReactPlayer.addCustomPlayer(YourOwnPlayer);

Use removeCustomPlayers to clear all custom players:

ReactPlayer.removeCustomPlayers();

It is your responsibility to ensure that custom players keep up with any internal changes to ReactPlayer in later versions.

Mobile considerations

Due to various restrictions, ReactPlayer is not guaranteed to function properly on mobile devices. The YouTube player documentation, for example, explains that certain mobile browsers require user interaction before playing:

The HTML5 <video> element, in certain mobile browsers (such as Chrome and Safari), only allows playback to take place if it’s initiated by a user interaction (such as tapping on the player).

Multiple Sources and Tracks

Passing an array of YouTube URLs to the url prop will load them as an untitled playlist.

<ReactPlayer
  url={[
    'https://www.youtube.com/watch?v=oUFJJNQGwhk',
    'https://www.youtube.com/watch?v=jNgP6d9HraI'
  ]}
/>

When playing file paths, an array of sources can be passed to the url prop to render multiple <source> tags.

<ReactPlayer playing url={['foo.webm', 'foo.ogg']} />

You can also specify a type for each source by using objects with src and type properties.

<ReactPlayer
  playing
  url={[
    {src: 'foo.webm', type: 'video/webm'},
    {src: 'foo.ogg', type: 'video/ogg'}
  ]}
/>

<track> elements for subtitles can be added using config.file:

<ReactPlayer
  playing
  url='foo.webm'
  config={{ file: {
    tracks: [
      {kind: 'subtitles', src: 'subs/subtitles.en.vtt', srcLang: 'en', default: true},
      {kind: 'subtitles', src: 'subs/subtitles.ja.vtt', srcLang: 'ja'},
      {kind: 'subtitles', src: 'subs/subtitles.de.vtt', srcLang: 'de'}
    ]
  }}}
/>

Supported media

Contributing

See the contribution guidelines before creating a pull request.

Thanks

  • Thanks to anyone who has contributed.
  • Huge thanks to my Patreon sponsors:

Joseph Fung
Comments
  • Failed to execute 'postMessage' on 'DOMWindow'

    Failed to execute 'postMessage' on 'DOMWindow'

    I last worked on my project about a month ago. At that time, I was able to get Youtube videos to load and play properly in react-player. After coming back, I've discovered that something seems to have changed and now the video won't load. I end with the following error:

    Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://www.youtube.com') does not match the recipient window's origin ('http://localhost:8000').
    

    I've looked up some StackOverflow questions about it and I've read that it's an error coming from the Youtube iFrame API when you make a request for a Youtube video over http instead of https. I put some logging in the react-player library and saw that the requests are supposedly being made over https, so I don't think that's the issue I'm having here.

    Does anyone have any insight into this?

    As an aside, I'm using Gatsby as my platform. Not sure if this really matters.

    opened by Tresky 25
  • Error parsing header X-XSS-Protection: 1; When playing youtube videos

    Error parsing header X-XSS-Protection: 1; When playing youtube videos

    This issue popped up sometime between last week and this week which causes issues such as setting the playing=true state does not work and many more. The demo site also gives this error. Here's the Full text

    Error parsing header X-XSS-Protection: 1; mode=block; 
    report=https://www.google.com/appserve/security-bugs/log/youtube: insecure reporting URL for 
    secure page at character position 22. The default protections will be applied.
    
    opened by davidwwu 23
  • [v2.10.1] `onProgress` callback is not firing when the video is playing

    [v2.10.1] `onProgress` callback is not firing when the video is playing

    Be sure to search for your issue before opening a new one.

    Current Behavior

    onProgress callback is not called when the video is playing.

    Expected Behavior

    onProgress callback should be called periodically with the playback information when the video is playing.

    Steps to Reproduce

    1. Use version v2.10.1 of react-player (issue does not exist in v2.10.0

    2. Add a simple player as follows that plays a webm file

      	<ReactPlayer
        ref={playerRef}
        width={1024}
        height={768}
        muted
        playing={true}
        url="https://example.com/video.webm"
        onDuration={onDuration}
        onProgress={onProgress}
      />
      
    3. The onProgress callback is never called

    Environment

    • URL attempting to play: Any url containing a video file (I used a webm file)
    • Browser: Chrome
    • Operating system: MacOS

    Other Information

    opened by niranjan94 22
  • New Direct links from vimeo is not working

    New Direct links from vimeo is not working

    Vimeo changed the direct links from the api now returns like it

    https://player.vimeo.com/progressive_redirect/playback/675622290/rendition/360p?loc=external&oauth2_token_id=1406393538&signature=1545279f8150f119095ae76eb3326158500e1a9f3b2df1ed271917f4e3d0af2d

    this links works fine in a

    opened by mayander30 21
  • Feature request: lazy players

    Feature request: lazy players

    Motivation: On my page I don't know what player will be used in each particular case and many of the players will never be used, so I would like to lazily load only one player in each particular case.

    Something like this:

    import React, { Suspense, lazy } from 'react'
    import { whichPlayerCanPlay } from 'react-player'
    
    const players = {
      youtube: () => import('react-player/lib/players/YouTube'),
      vimeo: () => import('react-player/lib/players/Vimeo'),
      file: () => import('react-player/lib/players/FilePlayer')
    }
    
    const MyPlayer = (props) => {
      const { url } = props
    
      const playerName = whichPlayerCanPlay(url, { players: ['youtube', 'vimeo', 'file'] })
    
      if (!playerName) {
        return null
      }
    
      const LazyPlayer = lazy(players[playerName]);
    
      return (
        <Suspense fallback={<div>Loading...</div>}>
          <LazyPlayer {...props} />
        </Suspense>
      )
    }
    
    

    The problem here is that the canPlay logic is inside of each individual player file and to know whether a player is capable of playing the url I need to download it. Could the canPlay logic be extracted from each individual player to a separate file?

    opened by trurl-master 18
  • Meteor + React

    Meteor + React

    Hey Pete,

    This is a truly awesome project. Wow!

    I would like to integrate this into my Meteor/React web application, and I think that it needs to be able to work with Browserify. Any suggestions on how I can make this work?

    Best, Nathan

    opened by nathanandersen 18
  • React Player interface to dockerized Jellyfin HLS Stream is unreliable

    React Player interface to dockerized Jellyfin HLS Stream is unreliable

    I have been using React Player to playback streams from sources such as YouTube. I just recently got it working with my first instantiation of Jellyfin, on kubernetes.

    I had previsously gotten react player working with jellyfin HLS for a non-kubernetes instance of jellyfin (the seek to time function worked fine in that case).

    I use thisAPI.

    However, I dont seem to be able to reliably seek a specific point in time. I've verifiedthat jellyfin invokes the jellyfin-ffmpeg to generate the M3U8 and TS files. However I will wait for minutes before I see the video begin to play at the "seek time". Sometimes it plays after a minute or more.. sometimes it just fails to.

    I've been starting to figure out how to log the communication between react player and jellyfin. I'd like to log this on both sides to see if I can isolate the problem. How can I log the times that React Player makes a request to the service for individual TS files and for the M3U8 files?

    I am using the first of these methods:

    1. https://api.jellyfin.org/#operation/GetVariantHlsVideoPlaylist
    2. https://api.jellyfin.org/#operation/GetHlsVideoSegment
    opened by davesargrad 16
  • onReady not called on iOS Safari

    onReady not called on iOS Safari

    I am loading an .mp4 file from AWS. On OSX Safari it is working fine, no problems, but on iOS the onReady function is never called. This happens both on v0.25.3, and the latest (v1.2.1) so it's not a recent bug. I did not find any info about this in the "Mobile considerations" section, however.

    Is this a known issue? Are there any workarounds?

    opened by rijk 15
  • About autoplay in iOS platform

    About autoplay in iOS platform

    Hi CookPete,

    I have a problem about iOS9 with attribute 'autoplay' in html5 tag

    It can work on simple sample without ReactPlayer, just use audio tag and set resource and do that steps which I run after componentDidMount. But ReactPayer cannot, because it create two audio tag in the same time. First player is SoundCloud, second is FilePlayer. I cannot select correct audio tag, because document.querySelector always only return the first target it found(not array, I don't why).

    So my solution in function componentDidMount is :
    .... var audio = document.querySelector("audio"); audio.remove(); //I know this is point to

    I know this solution is not good, so I hope you can provide a method or prop for user(developer) to decide which player they really want to use only, not all player which can current URL resource.

    Here is committed log that you did in 15 Dec 2015.

    You add a map to generate each player which can play url resource. Maybe you have some consideration, I really hope you can help me to solve this problem. This library is very useful for me, so I hope it can be better than past.

    Thanks!

    Regards Kevin.Chien

    opened by KevinChien 15
  • Prime players to enable autoplay when out of focus

    Prime players to enable autoplay when out of focus

    My version of https://github.com/CookPete/react-player/pull/12 that attempts to fix autoplay issues when ReactPlayer is not in a focused tab. In short:

    • Render all players at once, but only give props to the player that can play the current url
    • Each player then sets display: none on itself if url is not present
    • When ReactPlayer mounts, if YouTube or Vimeo players don't have a url, then prime the player by playing a short, silent video whilst hidden. This allows the players to autoplay any URLs given later on, even if not in a focused tab.

    @Fauntleroy, any thoughts?

    opened by cookpete 15
  • React Player is not Working in Safari for all the video format

    React Player is not Working in Safari for all the video format

    when using ReactPlayer the video is not playing in safari browser only and it shows like broken player it does not catch the error in onError handler, and the video is working fine in all other browsers(chrome, firefox, opera) is there any solution to solve this?

    Needs more info 
    opened by krishnadmass 14
  • Youtube short links and query params

    Youtube short links and query params

    Hello,

    I found a bug in the link parser, the following link don't work: https://youtu.be/OFUtwNESsiw?list=TLPQMDgwMTIwMjOiybcda46Cmg

    The link is recognized as a Youtube link but the video id is set to "null" instead of the right one. It's because of the query params in the URLs.

    Have a good day, Maxime

    opened by Maxou44 0
  • How to stop the IDM download

    How to stop the IDM download

    Hi Team,

    I have integrated react player and added video url. The video is playing but when I use IDM download plugin in chrome the video is downloading

    How to restrict the download videos in IDM plugin

    opened by AlluManikyam 0
  • Add forceAppleHLS option for FilePlayer

    Add forceAppleHLS option for FilePlayer

    I have a need for the Safari native HLS player to load on macOS so I've added an option to do so.

    The reason for this is because hls.js loads the <video> element with a src that's a blob. This breaks certain <canvas> features when working with the <video> DOM element on Safari 15.x.

    Question: is there a way to locally install this as an NPM module for local development? Other modules I've worked with have been able to work that way, but trying with react-player doesn't work that way.

    opened by nabeards 0
  • CORB (Cross-Origin Read Blocking) blocks requests to Loom Video

    CORB (Cross-Origin Read Blocking) blocks requests to Loom Video

    Current Behavior

    Trying to reproduce a Loom URL the player fails and doesn't load the video.

    Expected Behavior

    Be able to reproduce the video.

    Steps to Reproduce

    Have attached the JS Fiddle below

    Environment

    • URL attempting to play: https://www.loom.com/embed/dbe00c413a714839992e7548704fe576
    • Browser: Chrome
    • Operating system: MacOS
    • jsFiddle example: https://jsfiddle.net/rutanshu/476g2p1t/11/

    Other Information

    Check the Chrome Dev console

    Chrome

    Cross-Origin Read Blocking (CORB) blocked cross-origin response https://www.loom.com/embed/dbe00c413a714839992e7548704fe576 with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 for more details.

    opened by rutanshuj 0
  • Dash .mpd files not playing on iOS (Safari or Chrome Mobile Browsers)

    Dash .mpd files not playing on iOS (Safari or Chrome Mobile Browsers)

    Current Behavior

    DASH videos are not playing on iPhone devices in any mobile browser

    Expected Behavior

    HLS videos are playing perfectly fine but DASH videos are not.

    Steps to Reproduce

    1. Directly check on the Demo Page itself. Open https://cookpete.com/react-player/ - on an iPhone device either on Safari or Chrome Mobile Browsers
    2. Select "DASH (mpd)" in the Files option. It will automatically load a sample .mpd file
    3. The video won't play.

    Environment

    • URL attempting to play: https://cookpete.com/react-player/
    • Browser: Safari on iPhone 12 Pro Max
    • Operating system: iOS

    Other Information

    HLS videos are playing fine but not DASH videos - what can be done to resolve this?

    opened by iRSK 0
Rule YouTube, Soundcloud and Vimeo player with one API

Polyplayer Polyplayer allows you to rule YouTube's, Soundcloud's and Vimeo's player using one API. Features Playing, pausing, stopping Seek to absolut

Marius 41 Sep 24, 2022
▶️ Streams a list of tracks from Youtube, Soundcloud, Vimeo...

PlayemJS PlayemJS is a front-end JavaScript component that manages a audio/video track queue and plays those tracks sequentially. It can currently pla

Adrien Joly 90 Nov 27, 2022
HTML5

One file. Any browser. Same UI. Author: John Dyer http://j.hn/ Website: http://mediaelementjs.com/ License: MIT Meaning: Use everywhere, keep copyrigh

MediaElement.js 8k Dec 27, 2022
HTML5

One file. Any browser. Same UI. Author: John Dyer http://j.hn/ Website: http://mediaelementjs.com/ License: MIT Meaning: Use everywhere, keep copyrigh

MediaElement.js 8k Jan 8, 2023
A simple HTML5, YouTube and Vimeo player

Plyr is a simple, lightweight, accessible and customizable HTML5, YouTube and Vimeo media player that supports modern browsers. Checkout the demo - Do

Sam Potts 23.1k Jan 3, 2023
A custom element (web component) for the Vimeo player.

<vimeo-video> A custom element (web component) for Vimeo. The element API matches the HTML5 <video> tag, so it can be easily swapped with other media,

Wesley Luyten 4 Dec 28, 2022
LazyLoad Embed Vimeo Player - simple and lightweight plugin - pure JavaScript

Vimeo LazyLoad LazyLoad Embed Vimeo Player - simple and lightweight plugin - pure JavaScript Status View Preview Table of contents Status Quick Start

The MUDA Organization 23 Nov 3, 2022
🎥 ⬇️ 📦 - Public Video URLs.

WatchVideoByLink WatchVideoByLink is a web-app that allows you to watch, download and organize public video URLs. Why WatchVideoByLink? | Installation

Mohamed Bakoush 142 Dec 12, 2022
A Javascript library for working with Audio. It provides a consistent API for loading and playing audio on different browsers and devices. Currently supports WebAudio, HTML5 Audio, Cordova / PhoneGap, and a Flash fallback.

SoundJS SoundJS is a library to make working with audio on the web easier. It provides a consistent API for playing audio in different browsers, inclu

CreateJS 4.3k Dec 31, 2022
This is a simple web based media player for playing video and audio. Build with pure HTML, CSS and Javascript. No framework or library included.

Aim-Player This is a simple web based media player for playing video and audio. Build with pure HTML, CSS and Javascript. No framework or library incl

Aim Mikel 2 Jun 27, 2021
JavaScript plugin for playing sounds and music in browsers

JavaScript plugin for playing sounds on user actions and page events. Version: 3.0.7 Project page and demos Download ZIP Support the plugin on GitHub

Denis Ineshin 704 Sep 24, 2022
now-playing: A website to show what I'm currently listening to on Spotify Run on Repl.it

now-playing: A website to show what I'm currently listening to on Spotify ❓ How does it work? This project is split into two parts - the frontend and

Connor Dennison 3 Apr 29, 2022
I’m a very useful music bot that can make you play a music with a simple command! I have a lot of good commands that you can have a better experience playing your favorites songs!

I’m a very useful music bot that can make you play a music with a simple command! I have a lot of good commands that you can have a better experience playing your favorites songs!

Hugo Kishi 2 Aug 16, 2022
A mobile app for playing music on Resonate, an open source music streaming co-op.

stream2own Play fair. Website | Twitter | Contributing | Developer Guide ?? Resonate Stream App A mobile app for playing music on Resonate, an open so

Peter Klingelhofer 12 Dec 28, 2022
The code for the LOL Banner discord bot, a bot that bans anyone for playing league of legends.

LOL-Banner.js The code for the LOL Banner discord bot, a bot that bans anyone for playing League Of Legends. This project was made based off of the me

M'et 17 Aug 2, 2022
update your twitter banner with the song you're currently playing on Spotify

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Dunsin 4 Oct 17, 2022
A simple Facebook Messenger Bot like Discord Was Made By Me(CatalizCS) And My Brother SpermLord

MiraiBot A simple Facebook Messenger Bot made by me(CatalizCS) and my brother SpermLord. Report Bug · Request Feature Table of Contents Giới thiệu Hướ

MiraiProject 123 Jan 2, 2023
Easy and simple twitch bot in node.js.. very very easy..

How It Works identity: { username: 'YOUR BOTS USERNAME', <-- This is where you place the username that you gave the bot account password: '

Ventispurr 3 Dec 18, 2021