Remote Media/Content Player

Remote Media/Content Player that can be controlled over the network. Electron app displays the media. You can communicate with API as shown below or use Test UI that will be run automatically.

Project includes three directory.

• src
  • node.js app that runs the API's, Electron app and Test UI for control the media
• app
  • Files of Electron app.
• public
  • Files of Test UI

To Use

To clone and run this repository you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
git clone https://github.com/imertgul/remote_media_player.git
# Go into the repository
cd remote_media_player
# Install dependencies
npm install
# Run the app
npm start

There will be an output in console:

  Connect test UI: http://192.168.88.33:4631
  Your target on Test UI must be: http://192.168.88.33:4631

You should be in same network to use test UI. Also You have to set target ip as noted. To use in same device please disable CORS. No need to set target ip(Default is localhost already).

Refererenses

POST	Request	Response
/init	playerName: string	res: Player
/stop	playerName: string	res: Player
/reset	playerName: string	res: Player
/play	val:boolean	res: Player
/loop	val:boolean	res: Player
/upload/:filename	data:selectedFile	res: Player
/readFile	fileName:string , duration: string	res: Player
/playFrom	index:integer	res: Player
/brightness	brightness:int(0-10)	res: Player
/deleteMedia	id:string	res: Player
/updateList	id: string, to: index(str)	res: Player
/updateDuration	id: String, duration: millisecond(str)	res: Player
/screenSize	width: int, height: int	res: Player

Objects

function Media(myFileName, myLength) {
  this.id = Math.random().toString(36).slice(2);
  this.fileName = myFileName;
  this.duration = myLength;
  this.print = function () {
    console.log(this.id + "  " + this.fileName + " " + this.duration);
  };
  this.play = function (mainWindow) {
    mainWindow.webContents.send("file", this.fileName);
  };
}

function Player() {
  this.count = 0;
  this.play = false;
  this.loop = false;
  this.playingIndex = 0;
  this.brightness = 10;
  this.screenSize = { height: 360, width: 192 };
  this.playList = [];
  this.add = function (object) {
    this.playList[this.count] = object;
    this.count++;
  };
  this.start = function (mainWindow, from) {
    if (!this.play) return 0;
    this.playingIndex = from;
    console.log("index: " + this.playingIndex + " Count: " + this.count + " Loop: " + this.loop + " Play: " + this.play);
    if (this.playingIndex < this.count) this.playList[this.playingIndex].play(mainWindow);
    if (this.loop && this.playingIndex == this.count - 1) timeOut = setTimeout(() => this.start(mainWindow, 0), this.playList[this.playingIndex].duration);
    else if (!this.loop && this.playingIndex == this.count - 1) this.play = false;
    else if (this.play && this.playingIndex < this.count - 1) timeOut = setTimeout(() => this.start(mainWindow, ++this.playingIndex),this.playList[this.playingIndex].duration);
    return 0;
  };
  this.stop = function () {
    this.play = false;
    global.clearTimeout(timeOut);
    console.log("Player Halted");
  };
}