ほしいソフトウェア
bsahd.icon
動画の字幕入れをニコ動のコメント感覚でできるアプリ
srtwebvtt形式で書き出す
作った
code:subtitle.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>字幕入れ</title>
</head>
<body>
<video controls width="640" id="vid">
<source src="★★★動画ファイルへのパス★★★">
</video>
<form id="form">
<input type="text" id="subt_insert" size="40" oninput="aa2()">
</form>
<textarea id="subt" cols="30" rows="10">WEBVTT
</textarea>
<script>
var toosi = 0
var t0 = 0
function aa2() {
document.getElementById('vid').pause();
}
window.addEventListener('beforeunload', (e) => {
const message = '入力内容が保存されない可能性があります。ページを離れますか？'
e.preventDefault()
e.returnValue = message
return message
})
document.getElementById('form').addEventListener('submit', (e) => {
e.preventDefault()
aaa()
})
function aaa() {
if (document.getElementById('subt_insert').value !=''){
t = document.getElementById('vid').currentTime
tt = ('000' + String(Math.round(t / 60 / 60))).slice(-2) + ':' + ('000' + String(Math.round((t / 60) % 60))).slice(-2) + ':' + ('000' + String(Math.round(t % 60))).slice(-2) + '.' + ('000' + String(Math.round((t % 1) * 100))).slice(-3)
tt0 = ('000' + String(Math.round(t0 / 60 / 60))).slice(-2) + ':' + ('000' + String(Math.round((t0 / 60) % 60))).slice(-2) + ':' + ('000' + String(Math.round(t0 % 60))).slice(-2) + '.' + ('000' + String(Math.round((t % 1) * 100))).slice(-3)
document.getElementById('subt').value += tt0 + ' --> ' + tt + '\n' + document.getElementById('subt_insert').value + '\n\n'
document.getElementById('subt_insert').value = ""
}
t0 = document.getElementById('vid').currentTime
document.getElementById('vid').play();
}
</script>
</body>
</html>