0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

YouTubeのJukeboxを作ってみた

Last updated at Posted at 2019-12-12

どんなもの

YouTubeのURLを登録しておくと指定した時間帯にランダム再生するジュークボックスです。
音専用で、映像は流れません。
ブラウザでサーバにアクセスし、曲登録や編集ができます。

screenshot.png

注意事項

  • ssl設定はしていないので、VPNやローカルネットワークなどのセキュアなネットワーク内で利用してください
  • 著作権は守ってください。ご自分の演奏動画などが推奨されます。

構成

structure.png

インストール

GitHubからファイル一式をクローンするかダウンロードしてください。

バックエンド

  1. Node.jsをインストールしてください

  2. MongoDBをインストールしてください

  3. back/app/environment.tsを環境に合わせて編集してください

  4. 下記のコマンドを実行しプラグインをインストールしてください

    $ npm install
    
  5. 下記のコマンドを実行すると起動します

    $ npm start
    

フロントエンド

  1. Angular7をインストールしてください

  2. front/src/environments/environment.tsを環境に合わせて編集してください

  3. 下記のコマンドを実行しプラグインをインストールしてください

    $ npm install
    
  4. 下記どちらかの方法でWEBページを公開してください

  • 下記のコマンドを実行するとnginxやapacheなしでWEBページが公開されます

    $ ng serve --host 0.0.0.0
    
  • 下記のコマンドを実行するとdistディレクトリにindex.htmlやjs, css一式が生成されるので、apacheやnginxでWEBページを公開してください

    $ ng build
    

利用しているモジュール

バックエンド

  • @microlink/youtube-dl
  • @types/express
  • @types/mongodb
  • @types/node
  • body-parser
  • cluster
  • crypto
  • express
  • moment
  • mongodb
  • node-cron
  • typescript

フロントエンド

  • angular
0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?