resolve video info
// ==UserScript==
// @name openload_video_info
// @version 0.0.1
// @include http*://*openload.co/embed/*
// @grant GM_getValue
// @grant GM_setValue
// @description resolve video info
// @namespace https://greatest.deepsurf.us/users/164996
// ==/UserScript==
const waitForAll = (...selectors) => new Promise(resolve => {
const delay = 500
let nodes
const f = () => {
nodes = selectors.map(i => document.querySelector(i))
if (Object.values(nodes).every(v => v != null)) {
resolve(nodes)
} else {
setTimeout(f, delay)
}
}
f()
})
// https://stackoverflow.com/questions/400212/how-do-i-copy-to-the-clipboard-in-javascript
const copyTextToClipboard = text => {
if (!navigator.clipboard) {
// sync
const textArea = document.createElement("textarea")
textArea.value = text
document.body.appendChild(textArea)
textArea.focus()
textArea.select()
document.execCommand('copy')
document.body.removeChild(textArea)
} else
// chrome 66 async
navigator.clipboard.writeText(text)
}
const getFileSize = url => new Promise(resolve => {
const xhr = new XMLHttpRequest()
xhr.open("HEAD", url, true)
xhr.onreadystatechange = function () {
if (this.readyState == this.DONE) {
resolve(parseInt(xhr.getResponseHeader("Content-Length")))
}
}
xhr.send()
})
const formatBytes = (bytes, decimals) => {
if (bytes == 0) return '0 Bytes'
const k = 1024, dm = decimals || 2, sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'], i = Math.floor(Math.log(bytes) / Math.log(k))
return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i]
}
!(async () => {
// style
const css = `
:root {
--ovi-color: LIGHTGRAY;
--ovi-hover-color: white;
}
#ovi{
width:100%;
position:fixed;
top:0;
text-align:left;
line-height:2em;
padding:.5em 1em;
}
#ovi-a {
position: relative;
}
#ovi-b {
display: none;
width: 100%;
}
#ovi-a:hover #ovi-b {
display: flex;
box-sizing:border-box;
}
#ovi-a:hover #ovi-c {
display: none;
}
#ovi-c{
white-space:nowrap;
}
.ovi-btn:first-child{
margin-left:0;
}
.ovi-btn:last-child{
margin-right:1em;
}
.ovi-btn {
color: var(--ovi-color);
cursor: pointer;
text-decoration: none;
text-align:center;
margin: 0 2em;
}
.ovi-btn:hover {
color: var(--ovi-hover-color);
box-shadow: inset 0 -1px 0 0 var(--ovi-hover-color);
}
#ovi-input {
background:rgba(0,0,0,0);
color:var(--ovi-color);
padding: 0;
margin: 0;
border: 0;
font-size: 1em;
flex: 20;
}
#ovi-input:hover{
color: var(--ovi-hover-color);
}
#ovi-input:focus {
outline: none;
box-shadow: inset 0 -1px 0 0 var(--ovi-hover-color);
}
#ovi-input::selection{
color: black;
background: white;
}
#ovi-aria2-response{
white-sapce:nowrap;
margin-left:3em;
}
`
const style = document.createElement('style')
style.type = 'text/css'
style.appendChild(document.createTextNode(css))
document.head.appendChild(style)
// url
const nodes = await waitForAll('video[src]')
const video = nodes[0]
const url = video.src
let rpc = GM_getValue('rpc',`http://localhost:6800/jsonrpc`)
// node
const $duration = document.querySelector('div.vjs-duration.vjs-time-control.vjs-control')
$duration.insertAdjacentHTML('afterend', `
<div id=ovi>
<div id=ovi-a><div id=ovi-b>
<a class='ovi-btn' href='${url}' target='_blank'> open</a>
<a class='ovi-btn' id=ovi-copy> copy </a>
<a class='ovi-btn' id=ovi-aria2> aria2</a>
<input id=ovi-input type='text' spellcheck='false' value='${rpc}'>
</div><span id=ovi-c>${url}</span></div><span id=ovi-size>...</span><span id=ovi-aria2-response></span></div>`)
waitForAll('#ovi-copy', '#ovi-aria2','#ovi-aria2-response','#ovi-input').then(([$copy, $aria2,$res,$input]) => {
$copy.addEventListener('click', () => { copyTextToClipboard(url) })
$input.addEventListener('keyup', () => {
GM_setValue('rpc',$input.value)
})
$aria2.addEventListener('click', async () => {
$res.textContent='...'
const a = $input.value.split('#')
const opts={}
a.forEach((i,index) => {
if (index === 0) return
let [k,v]=i.split('=')
opts[k]=v
})
const params = encodeURIComponent(btoa(JSON.stringify([[url], opts])))
const res= await fetch(a[0]+`?id=${Date.now()}&method=aria2.addUri¶ms=` + params)
const json = await res.json()
$res.textContent=JSON.stringify(json)
})
})
// size
const content_length = await getFileSize(url)
const size = formatBytes(content_length)
document.querySelector('#ovi-size').textContent = size
})()
// video.addEventListener('playing', () => {
// const duration = video.duration
// console.log(duration);
// const date = new Date(null)
// date.setSeconds(duration)
// const result = date.toISOString().substr(11, 8)
// console.log(result)
// })