zoriya/srt-webvtt
1
0
Fork 0
mirror of https://github.com/zoriya/srt-webvtt.git synced 2026-05-30 08:38:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

updated build process

Browse Source
This commit is contained in:
Shariar Shaikot
2018-01-19 22:13:27 +06:00
parent ae9c5e9d01
commit d7a014d173
4 changed files with 38 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+32 -3
View File
@@ -9,16 +9,45 @@
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script>
function convert(event) {
const el = document.getElementById('process');
el.innerHTML = '<p>Processing...</p>';
const file = event.files[0];
if (!file.name.includes('.srt')) {
el.innerHTML = 'Process Error: you must select a subtitle file that ends with .srt';
return;
}
const webvtt = new WebVTTConverter(file);
webvtt
.getURL()
.then(url => console.log(url))
.catch(err => console.error(err))
.then(url => {
const anchor = document.createElement('a');
anchor.href = url;
anchor.download = file.name.substr(0, file.name.lastIndexOf('.')) + '.vtt';
anchor.innerText = 'Download';
anchor.addEventListener('click', () => webvtt.release());
el.innerHTML = anchor.outerHTML;
})
.catch(err => {
el.innerHTML = 'Process Error: ' +err;
});
}
</script>
<title>SRT to WebVTT Converter</title>
<style>
body {
margin: 0;
padding: 0;
font-family: sans-serif;
}
</style>
</head>
<body>
<input type="file" onchange="convert(this)" />
<div style="margin: 0 auto;">
<div style="width: 500px; margin: 0 auto;">
<h3>Select a SRT format subtitle in order to convert it to WebVTT format</h3>
<input type="file" onchange="convert(this)" />
<div style="margin-top: 10px;" id="process"></div>
</div>
</div>
</body>
</html>
index.js
+1
View File
@@ -86,4 +86,5 @@ class WebVTTConverter {
}
window.WebVTTConverter = WebVTTConverter;
export default WebVTTConverter;
package.json
+1 -1
View File
@@ -6,7 +6,7 @@
"scripts": {
"test": "./node_modules/.bin/eslint ./index.js",
"start": "webpack-dev-server",
"build": "babel ./index.js --stage 2 -d ./lib/index.js && webpack -p ./index.js ./umd/index.js",
"build": "babel ./index.js --stage 2 -d ./lib/ && webpack -p ./index.js ./umd/index.js",
"minor": "npm version minor && npm publish",
"major": "npm version major && npm publish",
"patch": "npm version patch && npm publish"
webpack.config.js
+4 -2
View File
@@ -1,9 +1,11 @@
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
entry: './index.js',
output: './build/bundle.js',
output: {
library: 'VideoToThumb',
libraryTarget: 'umd',
},
resolve: {
extensions: ['.js'],
},