Minor Changes

This commit is contained in:
Avi Patil
2024-01-06 15:16:14 +05:30
parent 61b7dac2b7
commit 7b35887bc3
18 changed files with 306 additions and 285 deletions

View File

@@ -5,24 +5,22 @@
<meta property="og:image" content="https://www.flaticon.com/premium-icon/icons/svg/2626/2626281.svg" itemprop="thumbnailUrl">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>%s</title>
<title>{{file_name}}</title>
<link rel="stylesheet" type='text/css' href="https://drive.google.com/uc?export=view&id=1pVLG4gZy7jdow3sO-wFS06aP_A9QX0O6">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Delius">
<!-- <link rel="stylesheet" href="./style.css"> -->
</head>
<body class='cyber'>
<header>
<div class="toogle"></div>
<div id="file-name" class="cyber">
%s
{{file_name}}
</div>
</header>
<div class="container">
<a href=%s>
<a href="{{file_url}}">
<button class="cybr-btn">
Download
<span aria-hidden>_</span>
@@ -31,16 +29,6 @@
</button>
</a>
</div>
<footer>
<span id="fork-text">Fork me on</span>
<span>
<a href="https://github.com/DeekshithSH/FileStreamBot" id='github-logo'>
<svg id='octo' style="width: 1.2rem; padding-left: 5px; fill: var(--footer-icon-color)" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>
</a>
</span>
</footer>
<script>
const body = document.querySelector('body');
const title = document.querySelector('#file-name');

View File

@@ -0,0 +1,171 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FileStreamBot | {{file_name}}</title>
<link rel="icon" href="https://i.ibb.co/Hh4kF2b/icon.png" type="image/x-icon">
<link rel="shortcut icon" href="https://i.ibb.co/Hh4kF2b/icon.png" type="image/x-icon">
<link rel="stylesheet" href="https://unpkg.com/sheryjs/dist/Shery.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/proavipatil/data@main/fs/src/style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/proavipatil/data@main/fs/src/plyr.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@500;700&display=swap" rel="stylesheet">
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<nav>
<div class="nleft">
<a href="#">
<h3 id="heading" style="z-index: 100;" class="magnet title">FILE STREAM</h3>
</a>
</div>
<div class="nryt">
<a class="home-btn magnet" href="#main" onclick="toggleWidthnav(this)">HOME</a>
<a href="#abtus" class="about-btn magnet" onclick="toggleWidthnav(this)">ABOUT</a>
</div>
</nav>
<center>
<div class="about-nav">
<a href="#abtus" class="wlcm magnet" onclick="toggleWidth(this)">WELCOME</a>
<a href="#channels" class="abt-chnl magnet" onclick="toggleWidth(this)">CHANNELS</a>
<a href="#contact" class="magnet contact-btn" onclick="toggleWidth(this)">CONTACT</a>
</div>
</center>
<div class="outer">
<div class="inner">
<div class="main" id="main">
<video id="player" class="player" src="{{file_url}}" type="video/mp4" playsinline controls
width="100%"></video>
<div class="player"></div>
<div class="file-name">
<h4 style="display: inline;">File Name: </h4>
<p style="display: inline;" id="myDiv">{{file_name}}</p><br>
<h4 style="display: inline;">File Size: </h4>
<p style="display: inline;">{{file_size}}</p>
</div>
<div class="downloadBtn">
<button class="magnet" onclick="streamDownload()">
<img style="height: 30px;" src="https://i.ibb.co/RjzYttX/dl.png" alt="">download video
</button>
<button class="magnet" onclick="copyStreamLink()">
<img src="https://i.ibb.co/CM4Y586/link.png" alt="Copy Link">copy link
</button>
<button class="magnet" onclick="vlc_player()">
<img src="https://i.ibb.co/px6fQs1/vlc.png" alt="">watch in VLC PLAYER
</button>
<button class="magnet" onclick="mx_player()">
<img src="https://i.ibb.co/41WvtQ3/mx.png" alt="">watch in MX PLAYER
</button>
<button class="magnet" onclick="n_player()">
<img src="https://i.ibb.co/Hd2dS4t/nPlayer.png" alt="">watch in nPlayer
</button>
</div>
</div>
<div class="abt">
<div class="about">
<div class="about-dets">
<div class="abt-sec" id="abtus" style="padding: 160px 30px;">
<h1 style="text-align: center;">WELCOME TO OUR <Span>FILE STREAM</Span> BOT</h1>
<p style="text-align: center; line-height: 2;word-spacing: 2px; letter-spacing: 0.8px;">
This is a Telegram Bot to Stream <span>Movies</span> and <span>Series</span> directly on
Telegram. You can also
<span>download</span> them if you want. This bot is developed by <a
href="https://github.com/AviPatilPro"><span style="font-weight: 700;">Avi</span></a>
<br><br>If you like this bot, then don't
forget to share it with your friends and family.
</p>
</div>
<div class="abt-sec" id="channels">
<h1>JOIN OUR <span>TELEGRAM</span> CHANNELS</h1>
<div class="links chnl-link">
<a class="magnet" href="https://t.me/CheapieDeals">
<button>CHEAP DEALS</button>
</a>
<a class="magnet" href="https://t.me/FilmyPixel">
<button>FILMYPIXEL</button>
</a>
<a class="magnet" href="https://t.me/PostersZone">
<button>POSTERS ZONE</button>
</a>
<a class="magnet" href="https://t.me/EpitomeQuality">
<button>EPITOME QUALITY</button>
</a>
</div>
</div>
<div class="abt-sec" id="contact">
<p style="text-align: center;">Report Bugs and Contact us on Telegram Below</p>
<div class="links contact">
<a href="https://t.me/AvishkarPatil">
<button>CONTACT</button>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<footer>
<center>
<div class="movie-cont">
<div class="movieSug">
<div class="movieDets">
</div>
<div class="movieimg">
<img src="">
</div>
</div>
<div class="low-width-movie-dets">
<div class="movieStsBar">
<div class="movieDets-mini">
</div>
</div>
</div>
<button class="ranMovBtn" onclick="getDets()">Get More Movies Suggestion</button>
</div>
</center>
<center>
<div class="copyright">
<h5 class="text-center">Copyright © 2024 <a href="https://github.com/AviPatilPro"><span
style="font-weight: 700;">Avishkar Patil</span></a>. All
Rights Reserved.</h5>
</div>
</center>
</footer>
</div>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/0.155.0/three.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/automat/controlkit.js@master/bin/controlKit.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/sheryjs/dist/Shery.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
const uncopyableElement = document.querySelector(".uncopyable");
uncopyableElement.addEventListener("selectstart", function (event) {
event.preventDefault();
});
});
</script>
<script src="https://cdn.plyr.io/3.6.9/plyr.js"></script>
<script src="https://proavipatil.github.io/data/fs/src/script.js"></script>
</html>

View File

@@ -1,154 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>streamHeading</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-Frame-Options" content="deny">
<link rel="stylesheet" href="https://cdn.plyr.io/3.7.8/plyr.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<script src="https://cdn.plyr.io/3.7.8/plyr.polyfilled.js"></script>
<style>
html, body {
margin: 0;
height: 100%;
}
#stream-media {
height: 100%;
width: 100%;
}
#error-message {
color: red;
font-size: 24px;
text-align: center;
margin-top: 20px;
}
.plyr__video-wrapper .plyr-download-button{
position: absolute;
top: 10px;
left: 10px;
width: 30px;
height: 30px;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 50%;
text-align: center;
line-height: 30px;
color: white;
z-index: 10;
}
.plyr__volume {
max-width: initial;
min-width: initial;
width: auto;
position: relative;
}
.plyr__video-wrapper .plyr-share-button{
position: absolute;
top: 50px;
left: 10px;
width: 30px;
height: 30px;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 50%;
text-align: center;
line-height: 30px;
color: white;
z-index: 10;
}
.plyr__video-wrapper .plyr-download-button:hover,
.plyr__video-wrapper .plyr-share-button:hover{
background-color: rgba(255, 255, 255, 0.7);
color: black;
}
.plyr__video-wrapper .plyr-download-button:before {
font-family: "Font Awesome 5 Free";
content: "\f019";
font-weight: bold;
}
.plyr__video-wrapper .plyr-share-button:before {
font-family: "Font Awesome 5 Free";
content: "\f064";
font-weight: bold;
}
.plyr, .plyr__video-wrapper, .plyr__video-embed iframe {
height: 100%;
}
</style>
</head>
<body>
<video id="stream-media" controls preload="auto">
<source src="" type="">
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video
</p>
</video>
<div id="error-message"></div>
<script>
var player = new Plyr('#stream-media', {
controls:['play-large', 'rewind', 'play', 'fast-forward', 'progress', 'current-time', 'mute', 'settings', 'pip', 'fullscreen'],
settings:['speed','loop'],
speed:{selected:1,options:[0.25,0.5,0.75,1,1.25,1.5,1.75,2]},
seek: 10,
keyboard: { focused: true, global: true },
});
var mediaLink = "streamMediaLink";
if (mediaLink) {
document.querySelector('#stream-media source').setAttribute('src', mediaLink);
player.restart();
var downloadButton = document.createElement('div');
downloadButton.className = 'plyr-download-button';
downloadButton.onclick = function() {
event.stopPropagation();
var link = document.createElement('a');
link.href = mediaLink;
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
};
player.elements.container.querySelector('.plyr__video-wrapper').appendChild(downloadButton);
var shareButton = document.createElement('div');
shareButton.className = 'plyr-share-button';
shareButton.onclick = function() {
event.stopPropagation();
if (navigator.share) {
navigator.share({
title: "Play",
url: window.location.href
});
}
};
player.elements.container.querySelector('.plyr__video-wrapper').appendChild(shareButton);
} else {
document.getElementById('error-message').textContent = 'Error: Media URL not provided';
}
</script>
</body>
</html>