mitchell/go-discord-bot
1
0
Fork 0
mirror of https://github.com/mgerb/go-discord-bot synced 2026-01-11 09:32:50 +00:00
Code Issues Releases Wiki Activity

added youtube downloader

Browse Source
This commit is contained in:
Mitchell Gerber
2017-07-21 00:06:59 -05:00
parent 4baad6b025
commit 43fadf9c6a
14 changed files with 240 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored
View File

@@ -6,4 +6,4 @@ vendor
bot
sounds
debug
youtube

2
client/app/app.js
View File

@@ -6,12 +6,14 @@ import Wrapper from './Wrapper';
import Home from './pages/Home/Home';
import Soundboard from './pages/Soundboard/Soundboard';
import NotFound from './pages/NotFound/NotFound';
import Downloader from './pages/Downloader/Downloader';
ReactDOM.render(
<Router history={browserHistory}>
<Route path="/" component={Wrapper}>
<IndexRoute component={Home}/>
<Route path="/soundboard" component={Soundboard}/>
<Route path="/downloader" component={Downloader}/>
<Route path="*" component={NotFound}/>
</Route>
</Router>

1
client/app/components/Navbar/Navbar.component.js
View File

@@ -11,6 +11,7 @@ export default class Navbar extends React.Component {
<div className="Navbar__header">Go Discord Bot</div>
<Link to="/" className="Navbar__item" onlyActiveOnIndex activeClassName="Navbar__item--active">Home</Link>
<Link to="/soundboard" className="Navbar__item" activeClassName="Navbar__item--active">Soundboard</Link>
<Link to="/downloader" className="Navbar__item" activeClassName="Navbar__item--active">Youtube Downloader</Link>
</div>
);
}

93
client/app/pages/Downloader/Downloader.js Normal file
View File

@@ -0,0 +1,93 @@
import React from 'react';
import axios from 'axios';
import './Downloader.scss';
export default class Downloader extends React.Component {
constructor(props) {
super(props);
this.state = {
fileType: "mp3",
url: "",
message: "",
dataLoaded: false,
downloadLink: "",
downLoadFileName: "",
dataLoading: false,
};
}
sendRequest() {
if (this.state.url === "") {
this.setState({
message: "Invalid URL",
});
return;
}
this.setState({
message: "",
url: "",
dataLoaded: false,
dataLoading: true,
});
axios.get(`/ytdownloader`, {
params: {
fileType: this.state.fileType,
url: this.state.url,
}
}).then((res) => {
this.setState({
dataLoaded: true,
dataLoading: false,
downloadLink: `/public/youtube/${res.data.fileName}`,
downLoadFileName: res.data.fileName,
});
}).catch(() => {
this.setState({
message: "Internal error.",
dataLoading: false,
});
});
}
render() {
return (
<div className="Downloader">
<div className="card">
<div className="card__header">
Youtube to MP3
</div>
<input placeholder="Enter Youtube URL"
className="input Downloader__input"
value={this.state.url}
onChange={(event) => this.setState({url: event.target.value})}/>
{/*<div style={{marginBottom:'10px'}}>
<button className={"button Downloader__button" + (this.state.fileType === "mp3" ? " button--primary" : "")}
onClick={() => this.setState({fileType:"mp3"})}>mp3</button>
<button className={"button Downloader__button" + (this.state.fileType=== "mp4" ? " button--primary" : "")}
onClick={() => this.setState({fileType:"mp4"})}>mp4</button>
</div>*/}
<div style={{marginBottom:'10px'}}>
<button className="button button--primary"
style={{width: '100px', height: '40px', fontSize: 'large'}}
onClick={this.sendRequest.bind(this)}>
{this.state.dataLoading ? <i className="fa fa-spinner fa-spin fa-fw"/> : 'Convert'}
</button>
</div>
{this.state.message !== "" && <div>{this.state.message}</div>}
{this.state.dataLoaded && <a href={this.state.downloadLink} download>{this.state.downLoadFileName}</a>}
</div>
</div>
);
}
}

16
client/app/pages/Downloader/Downloader.scss Normal file
View File

@@ -0,0 +1,16 @@
.Downloader {
padding: 10px;
}
.Downloader__input {
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}
.Downloader__button {
& + & {
margin-left: 10px;
}
}

2
client/app/pages/Soundboard/SoundList.component.js
View File

@@ -76,7 +76,7 @@ export default class SoundList extends React.Component {
</div>
{this.checkExtension(sound.extension) && this.state.showAudioControls[index] ?
<audio controls src={"/sounds/" + sound.name + "." + sound.extension}
<audio controls src={"/public/sounds/" + sound.name + "." + sound.extension}
type={"audio/" + sound.extension}
style={{width: "100px"}}/>
: <i className="fa fa-play link" aria-hidden="true" onClick={() => this.handleShowAudio(index)}/> }

9
client/app/pages/Soundboard/Soundboard.js
View File

@@ -17,7 +17,8 @@ export default class Soundboard extends React.Component {
password: "",
uploaded: false,
uploadError: " ",
}
},
self = this;
}
@@ -34,7 +35,7 @@ export default class Soundboard extends React.Component {
};
}
onDrop(acceptedFiles, rejectedFiles) {
onDrop(acceptedFiles) {
if (acceptedFiles.length > 0) {
self.uploadFile(acceptedFiles[0]);
}
@@ -90,7 +91,7 @@ export default class Soundboard extends React.Component {
maxSize={10000000000}
accept={"audio/*"}>
<input className="Soundboard__input"
<input className="input Soundboard__input"
type="password"
placeholder="Password"
value={this.state.password}
@@ -104,6 +105,6 @@ export default class Soundboard extends React.Component {
</div>
</div>
</div>
)
);
}
}

9
client/app/pages/Soundboard/Soundboard.scss
View File

@@ -12,14 +12,9 @@
.Soundboard__input {
display: block;
width: 200px;
border-radius: 3px;
border: 1px solid lighten($gray1, 5%);
margin-bottom: 10px;
margin-right: auto;
margin-left: auto;
padding-left: 5px;
padding-right: 5px;
height: 30px;
}
.Dropzone {
@@ -32,7 +27,7 @@
padding: 20px;
margin-right: auto;
margin-left: auto;
color: lighten($gray1, 15%);
color: $lightGray;
width: 400px;
height: 400px;
background-color: $gray2;
@@ -42,4 +37,4 @@
.Dropzone--active {
background-color: $gray3;
box-shadow: 0px 0px 5px 1px $primaryBlue;
}
}

35
client/app/scss/style.scss
View File

@@ -9,7 +9,7 @@ a, .link {
cursor: pointer;
&:hover {
color: darken(white, 10%);
color: $white;
}
}
@@ -24,6 +24,37 @@ body {
padding-left: $navbarWidth;
}
.input {
border-radius: 3px;
border: 1px solid $lightGray;
padding-left: 5px;
padding-right: 5px;
height: 30px;
background: $gray5;
color: $white;
}
.button {
border: none;
border-radius: 3px;
color: $white;
background: $lightGray;
padding: 10px;
cursor: pointer;
&:hover {
background: lighten($lightGray, 5%);
}
}
.button--primary {
background: $primaryBlue;
&:hover {
background: lighten($primaryBlue, 2%);
}
}
.Card {
background-color: $gray2;
border-radius: 5px;
@@ -51,4 +82,4 @@ body {
& + .column {
margin-left: 10px;
}
}
}

4
client/app/scss/variables.scss
View File

@@ -3,7 +3,7 @@ $navbarWidth: 200px;
// colors
$primaryBlue: #7289da;
$white: darken(white, 10%);
$white: darken(white, 20%);
$gray1: #2e3136;
$gray2: #2a2d32;
@@ -11,3 +11,5 @@ $gray3: #23262a;
$gray4: #2e3136;
$gray5: #282b30;
$gray6: #1e2124;
$lightGray: lighten($gray1, 15%);

4
readme.md
View File

@@ -19,6 +19,10 @@ NOTE: Currently the binaries in the release package only run on linux. Check the
> -tls, run with auto tls
## Setting up Youtube downloader
- Install [youtube-dl](https://github.com/rg3/youtube-dl/blob/master/README.md#installation)
### NOTE
If you get a permissions error with ffmpeg on mac or linux:

71
server/webserver/handlers/downloader.go Normal file
View File

@@ -0,0 +1,71 @@
package handlers
import (
"bytes"
"log"
"net/http"
"os"
"os/exec"
"regexp"
"github.com/mgerb/chi_auth_server/response"
)
// Downloader -
func Downloader(w http.ResponseWriter, r *http.Request) {
url := r.FormValue("url")
fileType := r.FormValue("fileType")
// create youtube folder if it does not exist
if _, err := os.Stat("youtube"); os.IsNotExist(err) {
os.Mkdir("youtube", os.ModePerm)
}
// get the video title
titleCmd := exec.Command("youtube-dl", "--get-title", url)
var titleOut bytes.Buffer
titleCmd.Stdout = &titleOut
err := titleCmd.Run()
if err != nil {
log.Println(err)
response.ERR(w, http.StatusInternalServerError, response.DefaultInternalError)
return
}
// TODO add video id to tile to not get collisions
// ------------------------------------------------
// remove all special characters from title
cleanTitle := cleanseTitle(titleOut.String())
log.Println(cleanTitle)
cmd := exec.Command("youtube-dl", "-x", "--audio-format", "mp3", "-o", "./youtube/"+cleanTitle+".%(ext)s", url)
var out bytes.Buffer
cmd.Stdout = &out
err = cmd.Run()
if err != nil {
log.Println(out.String())
log.Println(err)
response.ERR(w, http.StatusInternalServerError, response.DefaultInternalError)
return
}
response.JSON(w, map[string]interface{}{"fileName": cleanTitle + "." + fileType})
}
func cleanseTitle(title string) string {
// Make a Regex to say we only want
reg, err := regexp.Compile("[^a-zA-Z0-9]+")
if err != nil {
log.Fatal(err)
}
return reg.ReplaceAllString(title, "")
}

1
server/webserver/handlers/upload.go
View File

@@ -10,6 +10,7 @@ import (
"github.com/mgerb/go-discord-bot/server/config"
)
// FileUpload
func FileUpload(w http.ResponseWriter, r *http.Request) {
password := r.FormValue("password")

11
server/webserver/server.go
View File

@@ -26,18 +26,21 @@ func getRouter() *chi.Mux {
r.Use(middleware.Logger)
}
r.Get("/soundlist", handlers.SoundList)
r.Put("/upload", handlers.FileUpload)
workDir, _ := os.Getwd()
FileServer(r, "/static", http.Dir(filepath.Join(workDir, "./dist/static")))
FileServer(r, "/sounds", http.Dir(filepath.Join(workDir, "./sounds")))
FileServer(r, "/public/sounds", http.Dir(filepath.Join(workDir, "./sounds")))
FileServer(r, "/public/youtube", http.Dir(filepath.Join(workDir, "./youtube")))
r.NotFound(func(w http.ResponseWriter, r *http.Request) {
http.ServeFile(w, r, "./dist/index.html")
})
// configure end points
r.Get("/soundlist", handlers.SoundList)
r.Put("/upload", handlers.FileUpload)
r.Get("/ytdownloader", handlers.Downloader)
return r
}