Initial commit
This commit is contained in:
commit
4dcd202425
|
|
@ -0,0 +1,7 @@
|
|||
node_modules/
|
||||
._.DS_Store
|
||||
.DS_Store
|
||||
.history/
|
||||
package-lock.json
|
||||
*.mp3
|
||||
._*
|
||||
|
|
@ -0,0 +1,49 @@
|
|||
# Sanskrit TTS
|
||||
## Info
|
||||
A text to speech web-app for the ancient language Sanskrit, using [https://github.com/SameeraMurthy/sanskrit-tts](https://github.com/SameeraMurthy/sanskrit-tts) npm library.
|
||||
|
||||
### Writing Scripts
|
||||
All scripts supported by the `sanskrit-tts` library are supported.
|
||||
- bengali
|
||||
- devanagari
|
||||
- gujarati
|
||||
- gurmukhi
|
||||
- kannada
|
||||
- malayalam
|
||||
- oriya
|
||||
- tamil
|
||||
- telugu
|
||||
- grantha
|
||||
- grantamil
|
||||
- hk (Harvard-Kyoto)
|
||||
- iast (International Alphabet of Sanskrit Transliteration)
|
||||
- iso15919 (ISO 15919)
|
||||
- itrans (ITRANS)
|
||||
- slp1 (Sanskrit Library Phonetic Basic)
|
||||
- velthuis (Velthuis)
|
||||
- wx (WX)
|
||||
|
||||
## Instances
|
||||
| **URL** | **Country** | **Status** | **Hosted By** |
|
||||
|----------------------------------------------------------------|-------------|------------|---------------|
|
||||
| [sanskrit.winsdominoes.net](https://sanskrit.winsdominoes.net) | 🇹🇭 | Up | @WinsDominoes |
|
||||
|
||||
## Quick Setup
|
||||
Wanna try this out? Here's what you need to do
|
||||
#### Clone this repo
|
||||
```
|
||||
git clone https://github.com/WinsDominoes/sanskrit-tts
|
||||
```
|
||||
#### Install packages
|
||||
```
|
||||
npm install -y
|
||||
```
|
||||
#### Run the application
|
||||
```
|
||||
node .
|
||||
```
|
||||
The frontend endpoint will be at `http://localhost:3000` and the API endpoint will be at `http://localhost:3000/api/tts`
|
||||
|
||||
## Credits
|
||||
- `sanskrit-tts` library by [https://github.com/SameeraMurthy/sanskrit-tts](https://github.com/SameeraMurthy/sanskrit-tts)
|
||||
- Material Design Theme by [daemonite.github.io](https://daemonite.github.io/material/)
|
||||
|
|
@ -0,0 +1,78 @@
|
|||
const express = require('express');
|
||||
const app = express();
|
||||
const port = process.env.PORT || 3000;
|
||||
|
||||
const tts = require("sanskrit-tts")
|
||||
const { v4: uuidv4 } = require('uuid');
|
||||
|
||||
const bodyParser = require('body-parser');
|
||||
const cors = require('cors');
|
||||
|
||||
app.use(cors({
|
||||
origin: '*'
|
||||
}))
|
||||
|
||||
app.set('view engine', 'ejs');
|
||||
app.use(express.static(__dirname + '/public'))
|
||||
|
||||
app.use(bodyParser.json());
|
||||
app.use(bodyParser.urlencoded());
|
||||
app.use(bodyParser.urlencoded({ extended: true }));
|
||||
|
||||
app.get('/', (req, res) => {
|
||||
res.render('pages/home.ejs')
|
||||
})
|
||||
|
||||
app.post('/api/tts', (req, res) => {
|
||||
console.log("TTS Request")
|
||||
|
||||
const body = req.body;
|
||||
let text = body.text;
|
||||
let script = body.script;
|
||||
|
||||
if(body) {
|
||||
if(script) {
|
||||
if(text) {
|
||||
console.log("Request Body");
|
||||
console.log("Text: " + text)
|
||||
console.log("Script: " + script)
|
||||
|
||||
let fileName = "audio/" + uuidv4() + ".mp3";
|
||||
console.log("File Path: " + fileName)
|
||||
|
||||
tts.saveFile(text, {
|
||||
script: script,
|
||||
slow: true,
|
||||
fileName: "public/" + fileName
|
||||
});
|
||||
|
||||
res.status(200).send({
|
||||
"response": true,
|
||||
"message": "TTS request successful!",
|
||||
"url": "/" + fileName
|
||||
})
|
||||
} else {
|
||||
res.status(403).send({
|
||||
"response": false,
|
||||
"message": "Text cannot be empty!"
|
||||
})
|
||||
}
|
||||
} else {
|
||||
res.status(403).send({
|
||||
"response": false,
|
||||
"message": "Writing script cannot be empty!"
|
||||
})
|
||||
}
|
||||
} else {
|
||||
res.status(403).send({
|
||||
"response": false,
|
||||
"message": "Request body cannot be empty!"
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
});
|
||||
|
||||
app.listen(port, () =>
|
||||
console.log(`App is listening on port ${port}.`) // this is where the node app will be started
|
||||
)
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
{
|
||||
"dependencies": {
|
||||
"body-parser": "^1.20.2",
|
||||
"cors": "^2.8.5",
|
||||
"ejs": "^3.1.9",
|
||||
"express": "^4.18.2",
|
||||
"sanskrit-tts": "^1.0.0",
|
||||
"uuid": "^9.0.0"
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
body{
|
||||
margin:0;
|
||||
padding:0
|
||||
}
|
||||
button{
|
||||
border:none;
|
||||
border-radius:2px;
|
||||
padding:12px 18px;
|
||||
font-size:16px;
|
||||
text-transform:uppercase;
|
||||
cursor:pointer;
|
||||
color:#fff;
|
||||
background-color:#2196f3;
|
||||
box-shadow:0 0 4px #999;
|
||||
outline:none
|
||||
}
|
||||
pre{
|
||||
white-space:pre-line
|
||||
}
|
||||
form, input, textarea, label, p, select, option{
|
||||
color: #fff !important
|
||||
}
|
||||
#icon{
|
||||
max-width:45px;
|
||||
height:auto;
|
||||
border-radius:50%
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
var options = [
|
||||
"bengali",
|
||||
"devanagari",
|
||||
"gujarati",
|
||||
"gurmukhi",
|
||||
"kannada",
|
||||
"malayalam",
|
||||
"oriya",
|
||||
"tamil",
|
||||
"telugu",
|
||||
"grantha",
|
||||
"grantamil",
|
||||
"hk",
|
||||
"iast",
|
||||
"iso15919",
|
||||
"itrans",
|
||||
"slp1",
|
||||
"velthuis",
|
||||
"wx"
|
||||
];
|
||||
|
||||
$('#script').empty();
|
||||
$.each(options, function(i, p) {
|
||||
$('#script').append($('<option></option>').val(p).html(p));
|
||||
});
|
||||
|
|
@ -0,0 +1,62 @@
|
|||
$('#formSubmit').click(function () {
|
||||
|
||||
const text = $('#textInput').val();
|
||||
const script = $('#script').val();
|
||||
|
||||
const data = {
|
||||
"script": script,
|
||||
"text": text
|
||||
}
|
||||
|
||||
const handleFormData = async () => {
|
||||
const sent = await fetch('/api/tts', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify(data)
|
||||
})
|
||||
|
||||
try {
|
||||
const body = await sent.json()
|
||||
console.log(body)
|
||||
|
||||
let response = body.response;
|
||||
if(response) {
|
||||
const url = body.url;
|
||||
|
||||
$('#audioContainer').css("display", "block");
|
||||
|
||||
setTimeout(() => {
|
||||
|
||||
var audio = $('#audioPlayer').get(0);
|
||||
audio.pause();
|
||||
|
||||
$("#ttsAudio").prop('src', url);
|
||||
|
||||
audio.load();
|
||||
audio.play();
|
||||
}, 2000)
|
||||
} else {
|
||||
$('#resultContainer').html = `
|
||||
<div class="errorContainer">
|
||||
<div class="alert alert-danger" role="alert">
|
||||
Something went wrong!
|
||||
</div>
|
||||
|
||||
<div class="errorMessage">
|
||||
<pre>
|
||||
${res.body}
|
||||
</pre>
|
||||
</div>
|
||||
</div>
|
||||
`
|
||||
}
|
||||
} catch (error) {
|
||||
console.log(error)
|
||||
}
|
||||
}
|
||||
|
||||
handleFormData()
|
||||
|
||||
})
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,41 @@
|
|||
<%- include('../partials/header'); %>
|
||||
|
||||
<div class="column shadow-sm p-3 m-4 bg-dark-3 text-light">
|
||||
<div align="left">
|
||||
<h1>Sanskrit TTS</h1>
|
||||
<p>Enter your text below to convert to speech.</p>
|
||||
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<label for="script">Writing Script</label>
|
||||
<select name="script" id="script" class="custom-select" required></select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="textInput">Text Input</label>
|
||||
<textarea class="form-control" id="textInput" placeholder="Enter your Sanskrit..." rows="3" name="text" required></textarea>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<button type="button" class="btn btn-dark" id="formSubmit" name="formSubmit">Submit</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<hr>
|
||||
|
||||
<h3>Result</h3>
|
||||
<div id="resultContainer">
|
||||
<div id="audioContainer" style="display: none;">
|
||||
<div class="gapContainer">
|
||||
<audio controls id="audioPlayer">
|
||||
<source src="" id="ttsAudio">
|
||||
Your browser does not support the audio element.
|
||||
</audio>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<%- include('../partials/footer'); %>
|
||||
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<p class="text-center text-light">Source Code: <a href="">Github</a> - Made by <a href="https://github.com/WinsDominoes">Win</a> - Material Theme Library by <a href="https://daemonite.github.io/material/">daemonite.github.io</a>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Optional JavaScript -->
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
|
||||
|
||||
<script src="/assets/js/fetch.js"></script>
|
||||
<script src="/assets/js/dropdown.js"></script>
|
||||
|
||||
<!-- Then Material JavaScript on top of Bootstrap JavaScript -->
|
||||
<script src="/assets/material/material.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- CSS -->
|
||||
<link rel="stylesheet" href="/assets/css/style.css">
|
||||
|
||||
<!-- Add Material font (Roboto) and Material icon as needed -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i|Roboto+Mono:300,400,700|Roboto+Slab:300,400,700"
|
||||
rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||
|
||||
<!-- Add Material CSS, replace Bootstrap CSS -->
|
||||
<link href="/assets/material/material.min.css" rel="stylesheet">
|
||||
|
||||
<!-- GOOGLE ICONS -->
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0"/>
|
||||
<title>Sanskrit TTS</title>
|
||||
</head>
|
||||
<body class="bg-dark-2">
|
||||
<header>
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-info">
|
||||
<a class="navbar-brand" href="/"></a>
|
||||
<span>Sanskrit TTS</span>
|
||||
</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div align="center">
|
||||
Loading…
Reference in New Issue