Snippets/ViewUltra.php

282 lines
8.6 KiB
PHP

<!DOCTYPE html>
<?php
$APP_NAME = 'ViewUltra';
$APP_PATH = "./{$APP_NAME}.php";
$RESULT_COUNT = 35;
$url = $_GET['url'];
$omni = $_GET['omni'];
$embed = $_GET['embed'];
$search = $_GET['search'];
$url0 = $url;
$platform = null;
$metadata = [];
require 'Res/http_build_url.php';
function parse_url_sure ( $url ) {
if ( gettype($url) == 'string' ) {
$url = parse_url($url);
}
return $url;
}
if ( $api = $_GET['api'] ) {
$search = urlencode($search);
switch ($api) {
case 'related':
echo file_get_contents("https://www.bing.com/videos/api/custom/details?vdpp=rvrv&mmcaptn=Bing.Video&skey=LpjYneKXrGPhU1rWE1pUvUE7_tPlNQt3oAXWj_pFOfk&safesearch=Moderate&mkt=it-it&setlang=en-gb&iid=cusvdp&sfx=1&q={$search}&modules=videoresult,videoreco,queryresultvideos,relatedsearches,relatedads,videochat&channels=relatedvideos&recocount={$RESULT_COUNT}&recomidboost=true&recooffset=0&chaidx=-1&armk=ra&mmscn=Default");
case 'search':
//echo file_get_contents("https://duckduckgo.com/v.js?l=wt-wt&o=json&sr=1&q={$search}&vqd=4-179096413383356441354158635150751105868&f=,,,&p=-1");
echo file_get_contents("https://www.bing.com/videos/async/rankedans?q={$search}&mmasync=1&varh=VideoResultInfiniteScroll&vdpp=VideoResultAsync&count={$RESULT_COUNT}&first=0&IID=vrpalis&SFX=1");
case 'trending':
echo file_get_contents("https://www.bing.com/videos/api/custom/trending?mmcaptn=Bing.VideoOneColumnFeeds&recopid=VideoLandingPage&channels=trending&offset=0&videocount={$RESULT_COUNT}&skey=LpjYneKXrGPhU1rWE1pUvUE7_tPlNQt3oAXWj_pFOfk&safesearch=Moderate&iid=vlp&sfx=1");
default:
http_response_code(400);
}
return;
}
if ( !$embed ) {
if ( $omni ) {
$url = parse_url_sure($omni);
if ( !$search && !array_key_exists('host', parse_url_sure($url)) ) {
$url = null;
$search = $omni;
}
}
if ( $url ) {
$url = parse_url_sure($url);
switch ($url['host']) {
case 'youtu.be':
$url = http_build_url($url['scheme'] . '://youtube.com/watch?v=' . substr($url['path'], 1));
break;
}
$href = parse_url_sure($url);
$path = explode('/', rtrim($url['path'], '/'));
parse_str($href['query'], $query);
switch ($href['host']) {
case 'bilibili.com':
case 'www.bilibili.com':
$href = ($href['scheme'] . '://player.bilibili.com/player.html?isOutside=true&p=1&bvid=' . end($path));
$platform = 'bilibili';
break;
case 'tiktok.com':
case 'www.tiktok.com':
$href = ($href['scheme'] . '://www.tiktok.com/embed/v3/' . end($path) . '?mute=0');
$platform = 'tiktok';
break;
case 'youtube.com':
case 'www.youtube.com':
// case 'youtube-nocookie.com':
// case 'www.youtube-nocookie.com':
$href = ($href['scheme'] . '://www.youtube-nocookie.com/embed/' . $query['v']);
$platform = 'youtube';
break;
}
$url = http_build_url($url);
$embed = http_build_url($href);
if ( $platform ) {
$doc = new DOMDocument();
libxml_use_internal_errors(true);
$doc->loadHTML(mb_convert_encoding(file_get_contents($url), 'HTML-ENTITIES', 'UTF-8'));
libxml_clear_errors();
foreach ( $doc->getElementsByTagName('meta') as $metaEl ) {
$key = $metaEl->getAttribute('name')
?: $metaEl->getAttribute('property')
?: $metaEl->getAttribute('itemprop');
$value = $metaEl->getAttribute('content');
if ( !$key && !$value ) {
continue;
}
if (!array_key_exists($key, $metadata)) {
$metadata[$key] = $value;
} elseif (!in_array($content, explode('\n', $metadata[$key]))) {
$metadata[$key] .= "\n{$value}";
}
}
} else {
}
}
}
$description = 'View ' . ($metadata['og:title']?: 'this content') . ' on ' . $APP_NAME;
?>
<html lang="en">
<head>
<title><?php echo $metadata['og:title'] ?> | <?php echo $APP_NAME ?></title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="description" content="<?php echo $description ?>"/>
<meta property="og:site_name" content="<?php echo $APP_NAME ?>"/>
<meta property="og:title" content="<?php echo $metadata['og:title'] ?>"/>
<meta property="og:image" content="<?php echo $metadata['og:image'] ?>"/>
<meta property="og:image:width" content="<?php echo $metadata['og:image:width'] ?>"/>
<meta property="og:image:height" content="<?php echo $metadata['og:image:height'] ?>"/>
<style>
* {
box-sizing: border-box;
}
table td > * {
height: 2em;
}
table td.full,
table td.full > * {
width: 100%;
}
body.vu-app {
color: white;
background-color: black;
position: absolute;
margin: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
a {
color: hotpink;
}
.font-mega {
font-weight: bold;
font-size: large;
}
.vu-main {
flex: 1;
flex-direction: row;
position: sticky;
top: 0;
}
.vu-content {
flex: 1;
display: flex;
flex-direction: column;
height: 100vh;
}
.vu-content > iframe {
flex: 1;
width: 100%;
height: 100%;
border: none;
}
.vu-details > summary {
margin: 1em;
}
/* .vu-details > summary > * {
display: inline-block;
} */
@media (min-width: 600px) {
.vu-main {
display: flex;
}
.vu-content {
height: 100%;
}
.vu-related {
height: 0;
width: 30%;
min-width: 150px;
max-width: 300px;
}
.vu-details > div {
position: absolute;
width: calc(100vw - 30%);
}
}
.vu-related .mc_fgvc,
.vu-related .mc_fgvc_u,
.vu-related .tvsr .vsb_vid_cat,
.vu-related .isvsr .vsb_vid_cat {
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
.vu-related .mc_fgvc_u * {
border-radius: revert !important;
}
.vu-related .mc_fgvc_u .mc_vtvc_meta {
background-color: gray !important;
}
.vu-related .mc_fgvc_u .mc_vtvc_meta * {
color: white !important;
}
.vu-related #mm_vidreco_sublabel,
.vu-related #fbdialog,
.vu-related .fbdialog.b_cards {
display: none !important;
}
</style>
</head>
<body class="vu-app">
<!--<form style="display: flex; height: 2em; margin-bottom: 8px;">
<a href="./ViewUltra.php">ViewUltra</a>
<input type="text" name="omnibox" style="flex: auto; margin-right: 8px;"/>
<input type="submit" value="Go ↩️"/>
</form>-->
<form>
<table><!--<tbody><tr>-->
<td><a class="font-mega" href="<?php echo $APP_PATH ?>"><?php echo $APP_NAME ?></a></td>
<td class="full"><input type="text" name="omni" placeholder="🔍️ Search or input URL..." value="<?php echo current(array_filter([$omni, $search, $url0, $embed])) ?>"/></td>
<td><input type="submit" value="Go ↩️"/></td>
<!--</tr></tbody>--></table>
</form>
<div class="vu-main">
<?php if ( $embed ) {
?>
<div class="vu-content">
<iframe src="<?php echo $embed ?>" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen="allowfullscreen"></iframe>
<details class="vu-details" open="open">
<summary>
<span class="font-mega"><?php echo $metadata['og:title'] ?></span>
(<?php echo $metadata['og:site_name'] ?>)
<?php echo $metadata['datePublished'] ?>
</summary>
<div>
<p><?php echo $metadata['og:description'] ?></p>
<p><a href="<?php echo $url ?>"><?php echo $url ?></a></p>
</div>
</details>
</div>
<?php } elseif ( !$search ) { ?>
<p>It works!!! (semicit.)<br/>Work in progress.</p>
<?php } ?>
<div class="vu-related">
<p>Please enable JavaScript to view related content.</p>
</div>
</div>
<script>(function(){
var $APP_PATH = <?php echo json_encode($APP_PATH) ?>;
var $metadata = <?php echo json_encode($metadata) ?>;
var $search = ($metadata['og:title'] || <?php echo json_encode($search) ?>);
var searchEncoded = encodeURIComponent($search || '');
//var getParams = (new URLSearchParams(window.location.search));
var relatedEl = document.querySelector('.vu-related');
relatedEl.innerHTML = '';
if (!$search) {
return;
}
function fetchRelated () {
relatedEl.innerHTML = '<p>Loading...</p>';
fetch($APP_PATH + '?api=search&search=' + searchEncoded)
.then(response => response.text())
.then(html => {
var fragmentEl = Object.assign(document.createElement('div'), { innerHTML: html });
Array.from(fragmentEl.querySelectorAll('script')).forEach(scriptEl => scriptEl.remove());
Array.from(fragmentEl.querySelectorAll('div.mc_fgvc_u a[href]')).forEach(linkEl => {
var targetUrl = (linkEl.getAttribute('ourl') || linkEl.querySelector('[ourl]').getAttribute('ourl'));
linkEl.href = ($APP_PATH + '?url=' + encodeURIComponent(targetUrl) + '&search=' + searchEncoded);
});
relatedEl.innerHTML = fragmentEl.innerHTML;
})
.catch(err => {
console.error(err);
relatedEl.innerHTML = ('<p>' + err + '</p><p><button>Retry</button></p>');
relatedEl.querySelector('button').onclick = fetchRelated;
});
}
fetchRelated();
window.ViewUltra = $metadata;
})();</script>
</body>
</html>