├── LICENSE
├── README.md
├── dark.css
├── dark.html
├── google3d913672b444e790.html
├── index.html
├── javascript.js
├── logo.png
├── manifest.webmanifest
├── style.css
├── sw.js
└── updates.md


/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2024 Vijay Kumar
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 6 | 
 7 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 8 | 
 9 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
10 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | <h1>VKrDownloader</h1>
  2 | <p>
  3 |     Video Downloader by Vijay Kumar 
  4 |     <a href="https://instagram.com/theofficialvkr">@TheOfficialVKr</a> 
  5 | </p>
  6 |     <li><strong>Telegram</strong>: <a href="https://t.me/vkrdownloader">join telegram @vkrdownloader</a></li>
  7 | 
  8 |  <h2>Demo</h2>   
  9 |  Light theme https://theofficialvkr.github.io/VKrDownloader/
 10 |  <br>
 11 |  Dark Theme https://theofficialvkr.github.io/VKrDownloader/dark.html
 12 |  <hr>
 13 | 
 14 |  
 15 | <p><h3>Download videos from:</h3></p>
 16 | <ul>
 17 |     <li>YouTube</li>
 18 |     <li>Facebook</li>
 19 |     <li>Twitter</li>
 20 |     <li>Instagram (Reels)</li>
 21 |     <li>TikTok</li>
 22 |     <li>1000+ other websites in all audio/video quality options</li>
 23 | </ul>
 24 | 
 25 | 
 26 | 
 27 | <h2>Support Me</h2>
 28 | 
 29 | ### Notice: Support Needed to Keep VKrDownloader Alive
 30 | 
 31 | <hr>
 32 | 
 33 | 
 34 | <br>
 35 | <a href="https://www.paypal.com/ncp/payment/4C9YTYAMKYVZS">
 36 |     <img src="https://www.paypalobjects.com/images/Debit_Credit_APM.svg">
 37 | </a>
 38 | <br>
 39 | <a href="https://www.buymeacoffee.com/theofficialvkr">
 40 |     <img src="https://img.buymeacoffee.com/button-api/?text=Buy me a coffee&emoji=&slug=theofficialvkr&button_colour=BD5FFF&font_colour=ffffff&font_family=Cookie&outline_colour=000000&coffee_colour=FFDD00">
 41 | </a>
 42 | 
 43 | 
 44 | <h2>API Documentation</h2>
 45 | 
 46 | <p>With the VKrDownloader API, you can programmatically download videos from supported sites.</p>
 47 | 
 48 | <h3>API Endpoint</h3>
 49 | <pre><code>GET https://vkrdownloader.xyz/server/?api_key=API-KEY&vkr=VIDEO_URL</code></pre>
 50 | 
 51 | <h3>Request Parameters</h3>
 52 | <ul>
 53 |     <li><strong>vkr</strong> (string) - <em>Required</em>. The URL of the video you want to download.</li>
 54 |     <li><strong>api_key</strong> (string) - <em>Required</em>. The API KEY which is <b>vkrdownloader</b>. use this key to fetch video data.</li>
 55 | </ul>
 56 | 
 57 | <h3>Authentication</h3>
 58 | <p>You must pass an API key to authenticate your requests. The API key can be passed in two ways:</p>
 59 | 
 60 | <ul>
 61 |     <li><strong>Query string</strong>: Append <code>api_key=YOUR_API_KEY</code> to the URL.</li>
 62 |     <li><strong>HTTP Header</strong>: Include the API key using the <code>x-api-key</code> header in your request.</li>
 63 | </ul>
 64 | 
 65 | <h3>Example Request (Query String)</h3>
 66 | <pre><code>curl "https://vkrdownloader.xyz/server/?api_key=vkrdownloader&vkr=https://youtu.be/3VxnPQWvg5w"
 67 | </code></pre>
 68 | 
 69 | <h3>Example Request (Header)</h3>
 70 | <pre><code>curl -X POST https://vkrdownloader.xyz/server/ \
 71 | -H "x-api-key: YOUR_API_KEY" \
 72 | -d "vkr=https://youtu.be/3VxnPQWvg5w"
 73 | </code></pre>
 74 | 
 75 | <h3>Example Response</h3>
 76 | <pre><code>{
 77 |   "title": "Sample Video",
 78 |   "source": "https://video-download-link.com",
 79 |   "thumbnail": "https://img.youtube.com/sample_thumbnail.jpg",
 80 |   "formats": [
 81 |     {
 82 |       "url": "https://video-download-link.com",
 83 |       "format_id": "360p",
 84 |       "ext": "mp4",
 85 |       "size": "10 MB"
 86 |     },
 87 |     {
 88 |       "url": "https://video-download-link.com/1080p.mp4",
 89 |       "format_id": "1080p",
 90 |       "ext": "mp4",
 91 |       "size": "25 MB"
 92 |     }
 93 |   ]
 94 | }
 95 | </code></pre>
 96 | 
 97 | <h3>Error Handling</h3>
 98 | <ul>
 99 |     <li><strong>401 Unauthorized</strong> - Returned if the API key is missing or invalid.</li>
100 |     <li><strong>400 Bad Request</strong> - If the video URL is invalid or missing.</li>
101 |     <li><strong>500 Internal Server Error</strong> - If an unexpected error occurs while processing the request.</li>
102 | </ul>
103 | 
104 | <h3>API Key</h3>
105 | <p>To access the VKrDownloader API, you need an API key. You can pass it in the query string or the request header as <code>x-api-key</code>.</p>
106 | 
107 | <h4>Example (Query String)</h4>
108 | <pre><code>https://vkrdownloader.xyz/server/?api_key=vkrdownloader&vkr=https://youtu.be/3VxnPQWvg5w</code></pre>
109 | 
110 | <h4>Example (Header)</h4>
111 | <pre><code>curl -X POST https://vkrdownloader.xyx/server/ \
112 | -H "x-api-key: YOUR_API_KEY" \
113 | -d "vkr=https://youtu.be/3VxnPQWvg5w"
114 | </code></pre>
115 | 
116 | <p>For more information about obtaining an API key, please 
117 | <a href="mailto:contactvkr@yahoo.com">contact us</a>.</p>
118 | 
119 | <hr>
120 | 
121 | <h2>How To Install</h2>
122 | <ol>
123 |     <li>Upload zip files to your server or hosting platform.</li>
124 |     <li>Unzip the file in your file manager.</li>
125 |     <li>This project works on almost all free/paid hosting, so don't worry about specific requirements.</li>
126 |     <li>That's it! Open your site, and VKrDownloader will start working immediately.</li>
127 | </ol>
128 | 
129 | <hr>
130 | 
131 | <h2>Demo</h2>
132 | <p><a href="https://theofficialvkr.github.io/VKrDownloader/">https://theofficialvkr.github.io/VKRdownloader/</a></p>
133 | 
134 | <hr>
135 | 
136 | <h2>Updates</h2>
137 | <p>Check all updates here:  
138 | <a href="https://github.com/theofficialvkr/VKRdownloader/blob/main/updates.md">Updates Page</a></p>
139 | 
140 | <hr>
141 | 
142 | <h2>Need Help?</h2>
143 | <p>Contact me for any kind of help:</p>
144 | <ul>
145 |     <li><strong>Email</strong>: <a href="mailto:contactvkr@yahoo.com">contactvkr@yahoo.com</a></li>
146 |     <li><strong>Instagram</strong>: <a href="https://instagram.com/theofficialvkr">@theofficialvkr</a></li>
147 |     <li><strong>Twitter</strong>: <a href="https://twitter.com/theofficialvkr">@theofficialvkr</a></li>
148 |     <li><strong>Facebook</strong>: <a href="https://facebook.com/theofficialvkr">@theofficialvkr</a></li>
149 |     <li><strong>Telegram</strong>: <a href="https://t.me/theofficialvkr">@theofficialvkr</a></li>
150 |         <li><strong>Telegram</strong>: <a href="https://t.me/vkrdownloader">@vkrdownloader</a></li>
151 | </ul>
152 | 
153 | <hr>
154 | 
155 | 
156 | 
157 | <h2>At Last, Remember</h2>
158 | <p>I am not the Developer 👍</p>
159 | 
160 | 


--------------------------------------------------------------------------------
/dark.css:
--------------------------------------------------------------------------------
  1 |    #loading {
  2 |       text-align: center;
  3 |       display: none;
  4 |       margin-top: 20px;
  5 |     }
  6 | 
  7 |     #loading p {
  8 |       font-weight: bold;
  9 |       font-size: 38px;
 10 |       color: #333;
 11 |     }
 12 | 
 13 |     #container {
 14 |       display: none;
 15 |       text-align: center;
 16 |       margin: 20px;
 17 |       box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
 18 |       padding: 20px;
 19 |       background-color: #0c1013;
 20 |       border-radius: 10px;
 21 |     }
 22 | 
 23 |     #inputUrl {
 24 |       outline: none !important;
 25 |     }
 26 | 
 27 |     #thumb img {
 28 |       width: 100%;
 29 |       height: 300px;
 30 |     }
 31 | 
 32 |     .dlbtns {
 33 |       display: inline-block;
 34 |       padding: 10px 20px;
 35 |       margin: 5px;
 36 |       text-align: center;
 37 |       border-radius: 5px;
 38 |       font-size: 14px;
 39 |       font-weight: bold;
 40 |       color: white;
 41 |       cursor: pointer;
 42 |       width: auto;
 43 |       /* Fixed width */
 44 |       transition: background-color 0.3s;
 45 |     }
 46 | 
 47 |     .centerV {
 48 |       height: auto;
 49 |       display: flex;
 50 |       justify-content: center;
 51 |       align-items: center;
 52 |       background: transparent;
 53 |     }
 54 | 
 55 |     .wave {
 56 |       width: 5px;
 57 |       height: 100px;
 58 |       background: linear-gradient(45deg, red, #fff);
 59 |       margin: 10px;
 60 |       animation: wave 1s linear infinite;
 61 |       border-radius: 20px;
 62 |     }
 63 | 
 64 |     .wave:nth-child(2) {
 65 |       animation-delay: 0.1s;
 66 |     }
 67 | 
 68 |     .wave:nth-child(3) {
 69 |       animation-delay: 0.2s;
 70 |     }
 71 | 
 72 |     .wave:nth-child(4) {
 73 |       animation-delay: 0.3s;
 74 |     }
 75 | 
 76 |     .wave:nth-child(5) {
 77 |       animation-delay: 0.4s;
 78 |     }
 79 | 
 80 |     .wave:nth-child(6) {
 81 |       animation-delay: 0.5s;
 82 |     }
 83 | 
 84 |     .wave:nth-child(7) {
 85 |       animation-delay: 0.6s;
 86 |     }
 87 | 
 88 |     .wave:nth-child(8) {
 89 |       animation-delay: 0.7s;
 90 |     }
 91 | 
 92 |     .wave:nth-child(9) {
 93 |       animation-delay: 0.8s;
 94 |     }
 95 | 
 96 |     .wave:nth-child(10) {
 97 |       animation-delay: 0.9s;
 98 |     }
 99 | 
100 |     @keyframes wave {
101 |       0% {
102 |         transform: scale(0);
103 |       }
104 | 
105 |       50% {
106 |         transform: scale(1);
107 |       }
108 | 
109 |       100% {
110 |         transform: scale(0);
111 |       }
112 |     }
113 | 
114 | 
115 | 
116 | 
117 | 
118 |     .mt-5,
119 |     .my-5 {
120 |       margin-top: 0.5rem !important;
121 |     }
122 | 
123 | 
124 | 
125 |     .custom-shape-divider-bottom-1610026357 {
126 |       position: absolute;
127 |       bottom: 0;
128 |       left: 0;
129 |       width: 100%;
130 |       overflow: hidden;
131 |       line-height: 0;
132 |       transform: rotate(0deg);
133 |     }
134 | 
135 |     .custom-shape-divider-bottom-1610026357 svg {
136 |       position: relative;
137 |       display: block;
138 |       width: calc(100% + 15.3px);
139 |       height: 0px;
140 |     }
141 | 
142 |     .custom-shape-divider-bottom-1610026357 .shape-fill {
143 |       fill: #ffff00;
144 |     }
145 | 
146 |     .herosec {
147 |       min-height: calc(100vh - 0px);
148 |       display: flex;
149 |       justify-content: center;
150 |       align-items: center;
151 |       flex-flow: column;
152 |     }
153 | 
154 |     .download-video iframe {
155 |       border-radius: 10px;
156 |       position: relative;
157 |     }
158 | 
159 |     .download-video {
160 |       position: relative;
161 |     }
162 | 
163 |     .download-video iframe::after {
164 |       content: "";
165 |       height: 100%;
166 |       width: 100%;
167 |       position: absolute;
168 |       top: 0;
169 |       left: 0;
170 |       background: red;
171 |       z-index: 5;
172 |     }
173 | 
174 | 
175 |     .myselect {
176 |       display: flex;
177 |       width: 100%;
178 |       justify-content: end;
179 |     }
180 | 
181 |     .searchsec {
182 |       background: white;
183 |     }
184 | 
185 |     @media(max-width:500px) {
186 |       .searchsec {
187 |         flex-wrap: wrap;
188 |         display: flex;
189 |       }
190 | 
191 | 
192 |       .searchsec {
193 |         border: none;
194 |         background: transparent;
195 |       }
196 | 
197 |       .searchsec input {
198 |         border: 1px solid black;
199 |         border-radius: 10px;
200 |         margin-bottom: 10px;
201 |       }
202 | 
203 |       .myselect {
204 |         display: flex;
205 |         width: 100%;
206 |         justify-content: center;
207 |       }
208 | 
209 |     }
210 | 


--------------------------------------------------------------------------------
/dark.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |   <meta charset="UTF-8" />
  6 |   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7 |   <script src="https://cdn.jsdelivr.net/npm/dompurify/dist/purify.min.js"></script>
  8 |   <title>VKrDownloader : Online Video Downloader Tool</title>
  9 |   <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 10 |     <link href="dark.css" rel="stylesheet" />
 11 |     
 12 |   <script src="https://cdn.tailwindcss.com"></script>
 13 | 
 14 |   </head>
 15 |       <!--
 16 |   ADS START 
 17 |     -->
 18 |     
 19 |         <!--
 20 | 
 21 |         ADS END
 22 |     -->
 23 | 
 24 | 
 25 | <body>
 26 |   <nav class="fixed top-0 z-20 w-full bg-white border-b border-gray-200 :bg-gray-900 start-0 :border-gray-600">
 27 |     <div class="flex flex-wrap items-center justify-between max-w-screen-xl p-4 mx-auto">
 28 |       <a href="/VKrDownloader/dark.html" class="flex items-center space-x-3 rtl:space-x-reverse"><span class="text-4xl font-bold">VKrDL</span></a>
 29 |       <div class="flex space-x-3 md:order-2 md:space-x-0 rtl:space-x-reverse">
 30 |         <button style="background: #6d28d9 !important" type="button" class="px-5 py-3 text-sm font-medium text-center text-white rounded-full g focus:ring-4 focus:outline-none focus:ring-blue-300">
 31 |           <a href="#about"> Get started </a>
 32 |         </button>
 33 | 
 34 |         <button data-collapse-toggle="navbar-sticky" type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200  :text-gray-400  :hover:bg-gray-700  :focus:ring-gray-600" aria-controls="navbar-sticky" aria-expanded="false">
 35 |           <span class="sr-only">Open main menu</span>
 36 |           <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14">
 37 |             <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15" />
 38 |           </svg>
 39 |         </button>
 40 | 
 41 |         <div class="flex md:order-2 space-x-3 md:space-x-0 rtl:space-x-reverse">
 42 | 
 43 |         </div>
 44 |       </div>
 45 |       <div class="items-center justify-between hidden w-full md:flex md:w-auto md:order-1" id="navbar-sticky">
 46 |         <ul class="flex flex-col p-4 mt-4 font-medium border border-gray-100 rounded-lg md:p-0 bg-gray-50 md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 md:bg-white :bg-gray-800 md: :bg-gray-900 :border-gray-700">
 47 |           <li>
 48 |             <a aria-current="page" href="/VKrDownloader/dark.html" class="router-link-active router-link-exact-active block px-3 py-2 text-black rounded md:bg-transparent md:text-black md:p-0 md: :text-blue-500">Home</a>
 49 |           </li>
 50 |           <li>
 51 |             <a href="#about" class="router-link-active router-link-exact-active block px-3 py-2 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0 md: :hover:text-blue-500 :text-white :hover:bg-gray-700 :hover:text-white :hover:bg-transparent :border-gray-700" aria-current="page">About</a>
 52 |           </li>
 53 |           <li>
 54 |             <a href="https://t.me/VKrDownloader" class="router-link-active router-link-exact-active block px-3 py-2 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0 md: :hover:text-blue-500 :text-white :hover:bg-gray-700 :hover:text-white :hover:bg-transparent :border-gray-700" aria-current="page">Contact</a>
 55 |           </li>
 56 | 
 57 |         </ul>
 58 |       </div>
 59 |     </div>
 60 |   </nav>
 61 | 
 62 |   <div class="min-h-screen flex flex-col bg-[#0c1013] herosec">
 63 |     <div class=" :bg-transparent mt-20">
 64 |       <div class="mx-auto flex flex-col items-center py-12 sm:py-24">
 65 |         <div class="w-11/12 sm:w-2/3 lg:flex justify-center items-center flex-col mb-5 sm:mb-10">
 66 |           <h1 class="text-4xl sm:text-5xl md:text-5xl lg:text-5xl xl:text-6xl text-center text-gray-50  :text-white font-black leading-10">
 67 |             All Format YouTube HD
 68 |             <span class="text-violet-800  :text-violet-500">Video</span>
 69 |             Downloader.
 70 |           </h1>
 71 |           <p class="mt-5 sm:mt-10 lg:w-10/12 text-gray-300  :text-gray-300 font-normal text-center text-xl">
 72 |             Our YouTube Downloader tool offers fast and easy video downloads in multiple formats. Built with Express, VKrDownloader and Tailwind CSS for a seamless experience.
 73 |           </p>
 74 |         </div>
 75 |         <div class="flex w-11/12 md:w-8/12 xl:w-6/12">
 76 |           <div class="flex rounded-md w-full border border-gray-300 searchsec">
 77 |             <input name="link" required="" type="txt" id="inputUrl" class="w-full p-3 form-control link rounded-md rounded-r-none  placeholder-current  :bg-gray-500   :text-gray-300  :border-none " placeholder="Enter Youtube Videos Link" />
 78 |             <div class="myselect">
 79 |               <button id="downloadBtn" class="inline-flex items-center gap-2 bg-violet-700 text-white text-lg font-semibold py-3 px-6 rounded-md click-btn-down">
 80 |                 <span>Download</span>
 81 |                 <svg class="text-gray-200 h-5 w-5 p-0 fill-current" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 56.966 56.966" style="enable-background:new 0 0 56.966 56.966;" xml:space="preserve">
 82 |                   <path d="M55.146,51.887L41.588,37.786c3.486-4.144,5.396-9.358,5.396-14.786c0-12.682-10.318-23-23-23s-23,10.318-23,23  s10.318,23,23,23c4.761,0,9.298-1.436,13.177-4.162l13.661,14.208c0.571,0.593,1.339,0.92,2.162,0.92  c0.779,0,1.518-0.297,2.079-0.837C56.255,54.982,56.293,53.08,55.146,51.887z M23.984,6c9.374,0,17,7.626,17,17s-7.626,17-17,17  s-17-7.626-17-17S14.61,6,23.984,6z" />
 83 |                 </svg>
 84 |               </button>
 85 |             </div>
 86 |           </div>
 87 | 
 88 | 
 89 |         </div>
 90 | 
 91 | 
 92 |         <div id="loading" class="text-center mt-3" style="display: none;">
 93 | 
 94 | 
 95 | 
 96 |           <div class="centerV">
 97 |             <div class="wave"></div>
 98 |             <div class="wave"></div>
 99 |             <div class="wave"></div>
100 |             <div class="wave"></div>
101 |             <div class="wave"></div>
102 |             <div class="wave"></div>
103 |             <div class="wave"></div>
104 |             <div class="wave"></div>
105 |             <div class="wave"></div>
106 |             <div class="wave"></div>
107 |           </div>
108 | 
109 | 
110 | 
111 | 
112 | 
113 |         </div>
114 | 
115 |         <div id="container" class="text-center mt-3" style="display: none;">
116 |           <div id="thumb" class="mb-3"></div>
117 |           <div id="title" class="text-white font-bold"></div>
118 |           <div id="description" class="text-white font-bold mt-3"></div>
119 |           <div id="uploader"></div>
120 |           <div id="duration"></div>
121 |           <div id="extractor"></div>
122 |           <div id="downloadURL"></div>
123 |           <div id="download"></div>
124 |         </div>
125 | 
126 |       </div>
127 | 
128 |     </div>
129 | 
130 |     <div id="about" class="w-11/12 sm:w-2/3 flex lg:flex justify-center items-center mb-5 sm:mb-10 flex-grow">
131 | 
132 |       <p class="mt-5 sm:mt-10 lg:w-10/12 text-gray-300  :text-gray-300 font-normal text-center text-xl">
133 |           <br>
134 |         <bold style="color: rgb(109 40 217);text-transform: uppercase;">
135 |             
136 |             About VKrDownloader
137 |             </bold>
138 | <br>
139 | Welcome to VKrDownloader! Our mission is to provide a fast, user-friendly tool for downloading online videos from platforms like YouTube, Instagram, and more. Developed by Vijay Kumar, VKrDownloader is designed to offer a seamless experience that respects user privacy and prioritizes efficiency.
140 | <br>
141 |   <bold style="color: rgb(109 40 217);text-transform: uppercase;">
142 |       Our Vision</bold>
143 | <br>
144 | To make video content more accessible by offering a reliable downloader that meets the highest standards for speed and ease of use.
145 | <br>
146 |   <bold style="color: rgb(109 40 217);text-transform: uppercase;">
147 |       Why Choose Us?
148 |       </bold>
149 | <br>
150 | Ease of Use: Our interface is simple, allowing users to download videos without complex steps. Privacy Focus: We value your privacy and only collect minimal information necessary for site performance. Constant Improvement: We regularly update VKrDownloader with the latest features and improvements to maintain a smooth experience.
151 | <br>
152 |   <bold style="color: rgb(109 40 217);text-transform: uppercase;">
153 |       Contact Information</bold>
154 | <br>
155 | For any inquiries, suggestions, or feedback, please reach out to us at telegram as <a style="color: rgb(109 40 200);text-transform: uppercase;" href="https://t.me/VKrDownloader">@vkrdownloader
156 |     </a>  </p>
157 | 
158 |     </div>
159 |     
160 |      <!-- Footer -->
161 |     <hr class="w-full bg-[#0c1013] border-t border-gray-700">
162 |     <p class="w-full bg-[#0c1013] mt-5 sm:mt-10 lg:w-10/12 text-gray-300 font-normal text-center text-xl sticky bottom-0">
163 |         Made with ♥️ by 
164 |         <a href="https://instagram.com/theofficialvkr" class="font-bold text-purple-600 uppercase">Vijay Kumar</a>
165 |     </p>
166 |  </div>   
167 |  
168 | </div>
169 |   
170 | 
171 |   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
172 |   <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
173 |   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
174 |   <script src="https://cdn.jsdelivr.net/npm/flowbite@2.5.2/dist/flowbite.min.js"></script>
175 |   <script src="https://cdn.jsdelivr.net/npm/flowbite@2.5.2/dist/flowbite.min.js"></script>
176 |   <script src="javascript.js"></script>
177 | 
178 | </body>
179 | </html>
180 | 


--------------------------------------------------------------------------------
/google3d913672b444e790.html:
--------------------------------------------------------------------------------
1 | google-site-verification: google3d913672b444e790.html


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |     <meta charset="utf-8">
  6 |     <meta name="title" content="VKrDownloader - Powerful Video Downloader and Online Tools">
  7 |     <meta name="description" content="Download videos easily from various platforms with VKrDownloader. Your all-in-one video downloading and online tools solution.">
  8 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9 |     <meta name="keywords" content="VKrDownloader, video downloader, download videos, online tools">
 10 |     <meta name="robots" content="index,follow">
 11 |     <meta name="author" content="Vijay Kumar">
 12 |     <meta property="og:title" content="VKrDownloader - Download Videos Easily and Quickly">
 13 |     <meta property="og:description" content="VKrDownloader makes downloading videos easy and quick. Get started now with this powerful tool.">
 14 |     <meta property="og:image" content="/VKrDownloader/logo.png">
 15 |     <meta property="og:url" content="/">
 16 |     <meta property="og:type" content="website">
 17 |     <meta name="twitter:card" content="summary">
 18 |     <meta name="twitter:title" content="VKrDownloader - Easy Video Downloads">
 19 |     <meta name="twitter:description" content="Use VKrDownloader for quick and easy video downloads from various platforms.">
 20 |     <meta name="twitter:image" content="/VKrDownloader/logo.png">    
 21 |     <link rel="icon" href="/VKrDownloader/logo.png" sizes="32x32" type="image/png">
 22 |     <link rel="shortcut icon" href="/VKrDownloader/logo.png" type="image/x-icon">  
 23 |     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
 24 |     <link rel="stylesheet" type="text/css" href="style.css">
 25 |     <link rel="manifest" href="/VKrDownloader/manifest.webmanifest">
 26 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/dompurify/3.2.3/purify.min.js" integrity="sha512-Ll+TuDvrWDNNRnFFIM8dOiw7Go7dsHyxRp4RutiIFW/wm3DgDmCnRZow6AqbXnCbpWu93yM1O34q+4ggzGeXVA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
 27 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
 28 |     <title>VkrDownloader: Download Videos / Audio Online From Any Site</title>
 29 |     
 30 |     <!--
 31 | 
 32 |         ADS START 
 33 |     -->
 34 |     
 35 |         <!--
 36 | 
 37 |         ADS END
 38 |     -->
 39 |     
 40 | </head>
 41 | <script>
 42 |     function getBodyBG() {
 43 |     const imageArray = [
 44 |         "https://img3.wallspic.com/crops/6/3/5/8/7/178536/178536-sunset-nature-dusk-water-cloud-1080x2160.jpg",
 45 |         "https://images.pexels.com/photos/2251798/pexels-photo-2251798.jpeg?cs=srgb&dl=pexels-markarronsmith-2251798.jpg&fm=jpg",
 46 |         "https://images.pexels.com/photos/937980/pexels-photo-937980.jpeg?cs=srgb&dl=pexels-kovyrina-937980.jpg&fm=jpg",
 47 |         "https://wallpapercave.com/wp/wp6974666.jpg",
 48 |         "https://www.pngmagic.com/product_images/sunset-hd-nature-background-for-photo-editing_l2f.jpeg",
 49 |         "https://e1.pxfuel.com/desktop-wallpaper/363/258/desktop-wallpaper-a-touch-of-light-here-and-there-best-whatsapp-dp.jpg",
 50 |         "https://images.pexels.com/photos/1707820/pexels-photo-1707820.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500",
 51 |         "https://images.pexels.com/photos/1957693/pexels-photo-1957693.jpeg?cs=srgb&dl=pexels-markusspiske-1957693.jpg&fm=jpg",
 52 |         "https://i.pinimg.com/736x/a6/a2/c4/a6a2c43dd162b80261ad87be1c875965.jpg",
 53 |     ];
 54 | 
 55 |     if (imageArray.length === 0) {
 56 |         return null; // Return null if the array is empty
 57 |     }
 58 | 
 59 |     const randomKey = Math.floor(Math.random() * imageArray.length); // Get a random index
 60 |     const bbgimg = imageArray[randomKey]; // Retrieve the corresponding URL
 61 | 
 62 |     // Apply the selected background image to the body
 63 |     const style = `
 64 |         body {
 65 |     background-image: url('${bbgimg}');
 66 |     background-repeat: no-repeat;
 67 |     background-size: cover;
 68 |     background-position: center;
 69 |     min-height: 100vh;
 70 |     margin: 0; 
 71 |     padding: 0; 
 72 |         }
 73 |     `;
 74 | 
 75 |     // Append the style to the document head
 76 |     const styleElement = document.createElement("style");
 77 |     styleElement.innerHTML = style;
 78 |     document.head.appendChild(styleElement);
 79 | }
 80 | 
 81 | // Call the function to set the background
 82 | getBodyBG();
 83 | </script>
 84 | <body>
 85 |     <header class="bg-dark text-white">
 86 |         <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
 87 |             <a class="navbar-brand" href="#"><img src="https://raw.githubusercontent.com/theofficialvkr/VKrDownloader/refs/heads/main/logo.png" style="width:40px; height:40px;border-radius:10px;box-shadow:3px 3px 10px yellow;"></a>
 88 |             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
 89 |                 <span class="navbar-toggler-icon"></span>
 90 |             </button>
 91 |             <div class="collapse navbar-collapse" id="navbarNav">
 92 |                 <ul class="navbar-nav ml-auto">
 93 |                     <li class="nav-item active"><a class="nav-link" href="/VKrDownloader">Home</a></li>
 94 |                     <li class="nav-item"><a class="nav-link" href="https://github.com/theofficialvkr/VKrDownloader">Service</a></li>
 95 |                     <li class="nav-item"><a class="nav-link" href="https://instagram.com/theofficialvkr">Follow</a></li>
 96 |                     <li class="nav-item"><a class="nav-link" href="mailto:contactvkr@yahoo.com">Contact</a></li>
 97 |                 </ul>
 98 |             </div>
 99 |         </nav>
100 |     </header>
101 | 
102 |     <div class="container mt-5">
103 |         <div class="row">
104 |             <div class="col-md-10 mx-auto">
105 |                 <div class="form-group">
106 |                     <input id="inputUrl" type="url" class="form-control" placeholder="Enter URL">
107 |                 </div>
108 |                 <button id="downloadBtn" type="submit" class="btn btn-primary">Download</button>
109 |             </div>
110 |         </div>
111 | 
112 |         <div id="loading" class="text-center mt-3" style="display: none;">
113 |             
114 | 
115 | 
116 | <div class="centerV">
117 |   <div class="wave"></div>
118 |   <div class="wave"></div>
119 |   <div class="wave"></div>
120 |   <div class="wave"></div>
121 |   <div class="wave"></div>
122 |   <div class="wave"></div>
123 |   <div class="wave"></div>
124 |   <div class="wave"></div>
125 |   <div class="wave"></div>
126 |   <div class="wave"></div>
127 | </div>
128 | 
129 | 
130 | 
131 | 
132 | 
133 |         </div>
134 | 
135 |         <div id="container" class="text-center mt-3" style="display: none;">
136 |             <div id="thumb" class="mb-3"></div>
137 |             <div id="title"></div>
138 |             <div id="description" class="mt-3"></div>
139 |             <div id="uploader"></div>
140 |             <div id="duration"></div>
141 |             <div id="extractor"></div>
142 |             <div id="downloadURL"></div>
143 |             <div id="download"></div>
144 |         </div>
145 | 
146 | <div id="content" class="text-center mt-5 p-4" style="background-color: #150707c7; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);">
147 |     <h2 style="font-weight: 700; color: #fff;">VKRDownloader - Download Videos Seamlessly</h2>
148 |     <p style="font-size: 1.1rem; color: #fff; margin-top: 10px;">
149 |         VKRDownloader by Vijay Kumar is your ultimate tool for downloading online videos, thumbnails, and music. It's fast, free, and hassle-free!
150 |     </p>
151 |     <hr style="margin: 20px 0; border-top: 1px solid #ddd;">
152 |     <h4 style="font-weight: 600; color: #c2c0c0;">Download from Your Favorite Platforms:</h4>
153 |     <ul style="list-style: none; padding: 0; font-size: 1rem; color: #e6e0e0; line-height: 1.8;">
154 |         <li>🎥 YouTube</li>
155 |         <li>📘 Facebook</li>
156 |         <li>🐦 Twitter</li>
157 |         <li>📸 Instagram (Reels)</li>
158 |         <li>🎵 TikTok</li>
159 |         <li>🌐 1000+ other websites</li>
160 |     </ul>
161 |     <p style="font-size: 1rem; color: #eae4e4; margin-top: 15px;">
162 |         Supports all audio and video qualities for the best experience.
163 |     </p>
164 | </div>
165 |     </div>
166 | <br>
167 |     <footer class="bg-dark text-white text-center py-3 mt-10">
168 |         Powered By Vijay Kumar
169 |     </footer>
170 |     <script>
171 |         if ('serviceWorker' in navigator) {
172 |   navigator.serviceWorker.register('/sw.js').then(() => {
173 |     console.log('Service Worker Registered');
174 |   });
175 |         }
176 |             </script>
177 |     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
178 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
179 |      <script src="https://vkrdownloader.xyz/static/js/devdata.js"></script>
180 |     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
181 |     <script type="text/javascript" src="javascript.js"></script>
182 | </body>
183 | 
184 | </html>
185 | 


--------------------------------------------------------------------------------
/javascript.js:
--------------------------------------------------------------------------------
  1 | /*******************************
  2 |  * Configuration for Colors
  3 |  *******************************/
  4 | const formatColors = {
  5 |     greenFormats: ["17", "18", "22"],
  6 |     blueFormats: ["139", "140", "141", "249", "250", "251", "599", "600"],
  7 |     defaultColor: "#9e0cf2"
  8 | };
  9 | 
 10 | /*******************************
 11 |  * Utility Functions
 12 |  *******************************/
 13 | 
 14 | /**
 15 |  * Get the background color based on the format itag.
 16 |  * @param {string} downloadUrlItag - The itag parameter from the download URL.
 17 |  * @returns {string} - The corresponding background color.
 18 |  */
 19 | function getBackgroundColor(downloadUrlItag) {
 20 |     if (formatColors.greenFormats.includes(downloadUrlItag)) {
 21 |         return "green";
 22 |     } else if (formatColors.blueFormats.includes(downloadUrlItag)) {
 23 |         return "#3800ff";
 24 |     } else {
 25 |         return formatColors.defaultColor;
 26 |     }
 27 | }
 28 | 
 29 | /**
 30 |  * Debounce function to limit the rate at which a function can fire.
 31 |  * @param {Function} func - The function to debounce.
 32 |  * @param {number} wait - The delay in milliseconds.
 33 |  * @returns {Function} - The debounced function.
 34 |  */
 35 | function debounce(func, wait) {
 36 |     let timeout;
 37 |     return function(...args) {
 38 |         clearTimeout(timeout);
 39 |         timeout = setTimeout(() => func.apply(this, args), wait);
 40 |     };
 41 | }
 42 | 
 43 | /**
 44 |  * Extract YouTube video ID from a given URL.
 45 |  * @param {string} url - The YouTube URL.
 46 |  * @returns {string|null} - The video ID or null if not found.
 47 |  */
 48 | // Function to get YouTube video IDs from a URL, including Shorts URLs
 49 | function getYouTubeVideoIds(url) {
 50 |     // Validate the input
 51 |     if (!url || typeof url !== 'string') {
 52 |         console.error('Invalid URL provided to getYouTubeVideoId:', url);
 53 |         return null;
 54 |     }
 55 | 
 56 |     try {
 57 |         // Create a URL object to parse the URL
 58 |         const urlObj = new URL(url);
 59 | 
 60 |         // Check if the hostname belongs to YouTube or YouTube short links
 61 |         const validHosts = ['www.youtube.com', 'youtube.com', 'youtu.be'];
 62 |         if (!validHosts.includes(urlObj.hostname)) {
 63 |             console.warn('URL does not belong to YouTube:', url);
 64 |             return null;
 65 |         }
 66 | 
 67 |         // For youtu.be (short link), the video ID is in the pathname
 68 |         if (urlObj.hostname === 'youtu.be') {
 69 |             const videoId = urlObj.pathname.slice(1); // Remove the leading '/'
 70 |             return videoId.length === 11 ? videoId : null;
 71 |         }
 72 | 
 73 |         // For youtube.com URLs, look for 'v' or 'shorts' in query or pathname
 74 |         if (urlObj.hostname.includes('youtube.com')) {
 75 |             if (urlObj.pathname.startsWith('/shorts/')) {
 76 |                 // Shorts video ID is in the pathname after "/shorts/"
 77 |                 return urlObj.pathname.split('/')[2];
 78 |             }
 79 | 
 80 |             // Regular video URLs have 'v' as a query parameter
 81 |             const videoId = urlObj.searchParams.get('v');
 82 |             return videoId && videoId.length === 11 ? videoId : null;
 83 |         }
 84 | 
 85 |         console.warn('Unrecognized YouTube URL format:', url);
 86 |         return null;
 87 |     } catch (error) {
 88 |         console.error('Error parsing URL in getYouTubeVideoId:', error);
 89 |         return null;
 90 |     }
 91 | }
 92 | 
 93 | 
 94 | 
 95 | /**
 96 |  * Sanitize HTML content using DOMPurify.
 97 |  * @param {string} content - The HTML content to sanitize.
 98 |  * @returns {string} - The sanitized HTML.
 99 |  */
100 | function sanitizeContent(content) {
101 |     return DOMPurify.sanitize(content);
102 | }
103 | 
104 | /**
105 |  * Update the inner HTML of a specified element with sanitized content.
106 |  * @param {string} elementId - The ID of the HTML element.
107 |  * @param {string} content - The content to inject.
108 |  */
109 | function updateElement(elementId, content) {
110 |     const element = document.getElementById(elementId);
111 |     if (element) {
112 |         element.innerHTML = content;
113 |     } else {
114 |         console.warn(`Element with ID "${elementId}" not found.`);
115 |     }
116 | }
117 | 
118 | /**
119 |  * Retrieve a query parameter value by name from a URL.
120 |  * @param {string} name - The name of the parameter.
121 |  * @param {string} url - The URL to extract the parameter from.
122 |  * @returns {string} - The parameter value or an empty string if not found.
123 |  */
124 | function getParameterByName(name, url) {
125 |     // Properly escape regex special characters
126 |     name = name.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
127 |     const regex = new RegExp(`[?&]${name}(=([^&#]*)|&|#|$)`);
128 |     const results = regex.exec(url);
129 |     
130 |     if (!results) return '';
131 |     if (!results[2]) return '';
132 |     
133 |     return decodeURIComponent(results[2].replace(/\+/g, ' '));
134 | }
135 | 
136 | /*******************************
137 |  * AJAX Request with Retry Logic
138 |  *******************************/
139 | 
140 | /**
141 |  * Make an AJAX GET request with retry capability.
142 |  * @param {string} inputUrl - The input URL for the request.
143 |  * @param {number} retries - Number of retry attempts remaining.
144 |  */
145 | function makeRequest(inputUrl, retries = 4) {
146 |     const requestUrl = `https://vkrdownloader.xyz/server?api_key=vkrdownloader&vkr=${encodeURIComponent(inputUrl)}`;
147 |     const retryDelay = 2000; // Initial retry delay in milliseconds
148 |     const maxRetries = retries;
149 | 
150 |     $.ajax({
151 |         url: requestUrl,
152 |         type: "GET",
153 |         cache: true,
154 |         async: true,
155 |         crossDomain: true,
156 |         dataType: 'json',
157 |         timeout: 15000, // Extended timeout for slower networks
158 |         success: function (data) {
159 |             handleSuccessResponse(data, inputUrl);
160 |         },
161 |         error: function (xhr, status, error) {
162 |             if (retries > 0) {
163 |                 let delay = retryDelay * Math.pow(2, maxRetries - retries); // Exponential backoff
164 |                 console.log(`Retrying in ${delay / 1000} seconds... (${retries} attempts left)`);
165 |                 setTimeout(() => makeRequest(inputUrl, retries - 1), delay);
166 |             } else {
167 |                 const errorMessage = getErrorMessage(xhr, status, error);
168 |                 console.error(`Error Details: ${errorMessage}`);
169 |                 displayError("Unable to fetch the download link after several attempts. Please check the URL or try again later.");
170 |                 document.getElementById("loading").style.display = "none";
171 |             }
172 |         },
173 |         complete: function () {
174 |             document.getElementById("downloadBtn").disabled = false; // Re-enable the button
175 |         }
176 |     });
177 | }
178 | 
179 | function getErrorMessage(xhr, status, error) {
180 |     const statusCode = xhr.status;
181 |     let message = `Status: ${status}, Error: ${error}`;
182 | 
183 |     if (xhr.responseText) {
184 |         try {
185 |             const response = JSON.parse(xhr.responseText);
186 |             if (response && response.error) {
187 |                 message += `, Server Error: ${response.error}`;
188 |             }
189 |         } catch (e) {
190 |             message += `, Unable to parse server response.`;
191 |         }
192 |     }
193 | 
194 |     switch (statusCode) {
195 |         case 0: return "Network Error: The server is unreachable.";
196 |         case 400: return "Bad Request: The input URL might be incorrect.";
197 |         case 401: return "Unauthorized: Please check the API key.";
198 |         case 429: return "Too Many Requests: You are being rate-limited.";
199 |         case 503: return "Service Unavailable: The server is temporarily overloaded.";
200 |         default: return `${message}, HTTP ${statusCode}: ${xhr.statusText || error}`;
201 |     }
202 | }
203 | 
204 | 
205 | function displayError(message) {
206 |     // Assuming there's a placeholder element for error messages
207 |     const errorElement = document.getElementById("errorMessage");
208 |     if (errorElement) {
209 |         errorElement.innerText = message;
210 |         errorElement.style.display = "block";
211 |     }
212 | }
213 | 
214 | /**
215 |  * Generate a detailed error message based on the XHR response.
216 |  * @param {Object} xhr - The XMLHttpRequest object.
217 |  * @param {string} status - The status string.
218 |  * @param {string} error - The error message.
219 |  * @returns {string} - The formatted error message.
220 |  */
221 | 
222 | /*******************************
223 |  * Event Handlers
224 |  *******************************/
225 | 
226 | /**
227 |  * Handle the "Download" button click event.
228 |  */
229 | document.getElementById("downloadBtn").addEventListener("click", debounce(function () {
230 |     document.getElementById("loading").style.display = "initial";
231 |     document.getElementById("downloadBtn").disabled = true; // Disable the button
232 | 
233 |     const inputUrl = document.getElementById("inputUrl").value.trim();
234 |     if (!inputUrl) {
235 |         displayError("Please enter a valid YouTube URL.");
236 |         document.getElementById("loading").style.display = "none";
237 |         document.getElementById("downloadBtn").disabled = false;
238 |         return;
239 |     }
240 | 
241 |     makeRequest(inputUrl); // Make the AJAX request with retry logic
242 | }, 300));  // Adjust the delay as needed
243 | 
244 | /**
245 |  * Display an error message within the page instead of using alert.
246 |  * @param {string} message - The error message to display.
247 |  */
248 | function displayError(message) {
249 |     const errorContainer = document.getElementById("error");
250 |     if (errorContainer) {
251 |         errorContainer.innerHTML = sanitizeContent(message);
252 |         errorContainer.style.display = "block";
253 |     } else {
254 |         // Fallback to alert if error container is not available
255 |         alert(message);
256 |     }
257 | }
258 | 
259 | /*******************************
260 |  * Response Handlers
261 |  *******************************/
262 | 
263 | /**
264 |  * Handle successful AJAX responses.
265 |  * @param {Object} data - The response data from the server.
266 |  * @param {string} inputUrl - The original input URL.
267 |  */
268 | function handleSuccessResponse(data, inputUrl) {
269 |     document.getElementById("container").style.display = "block";
270 |     document.getElementById("loading").style.display = "none";
271 | 
272 |     if (data.data) {
273 |         const videoData = data.data;
274 |         
275 |         // Extract necessary data
276 |         //const thumbnailUrl = videoData.thumbnail;
277 |         const downloadUrls = videoData.downloads.map(download => download.url);
278 |         const videoSource = videoData.source;
279 |         const videoId = getYouTubeVideoIds(videoSource);
280 |         const thumbnailUrl = videoId 
281 |     ? `https://i.ytimg.com/vi/${videoId}/hqdefault.jpg`
282 |     : videoData.thumbnail;
283 |         // Construct video HTML
284 |         const videoHtml = `
285 |     <video style='background: black url(${thumbnailUrl}) center center/cover no-repeat; width:100%; height:500px; border-radius:20px;' 
286 |            poster='${thumbnailUrl}' controls playsinline>
287 |         <source src='${videoData.downloads[5]?.url || ''}' type='video/mp4'>
288 |         ${Array.isArray(downloadUrls) ? downloadUrls.map(url => `<source src='${url}' type='video/mp4'>`).join('') : ''}
289 |         <source src='https://vkrdownloader.xyz/server/dl.php?vkr=${encodeURIComponent(inputUrl)}' type='video/mp4'>
290 |     </video>`;
291 |         const YTvideoHtml = `
292 |             <video style='background: black url(${thumbnailUrl}) center center/cover no-repeat; width:100%; height:500px; border-radius:20px;' 
293 |                    poster='${thumbnailUrl}' controls playsinline>
294 |                  <source src='https://vkrdownloader.xyz/server/redirect.php?vkr=https://youtu.be/${videoId}' type='video/mp4'>
295 |                  <source src='https://vkrdownloader.xyz/server/dl.php?vkr=${inputUrl}' type='video/mp4'>
296 |                 ${downloadUrls.map(url => `<source src='${url}' type='video/mp4'>`).join('')}
297 |             </video>`;
298 |         const titleHtml = videoData.title ? `<h3>${sanitizeContent(videoData.title)}</h3>` : "";
299 |         const descriptionHtml = videoData.description ? `<h4><details><summary>View Description</summary>${sanitizeContent(videoData.description)}</details></h4>` : "";
300 |         const durationHtml = videoData.size ? `<h5>${sanitizeContent(videoData.size)}</h5>` : "";
301 | 
302 |         // Update DOM elements
303 |         if (videoId) {
304 |             updateElement("thumb", YTvideoHtml);
305 |         } else {
306 |             updateElement("thumb", videoHtml);
307 |         }
308 |         updateElement("title", titleHtml);
309 |         updateElement("description", descriptionHtml);
310 |         updateElement("duration", durationHtml);
311 | 
312 |         // Generate download buttons
313 |         generateDownloadButtons(data, inputUrl);
314 |     } else {
315 |         displayError("Issue: Unable to retrieve the download link. Please check the URL and contact us on Social Media @TheOfficialVKr.");
316 |         document.getElementById("loading").style.display = "none";
317 |     }
318 | }
319 | 
320 | /**
321 |  * Generate download buttons with dynamic colors and labels.
322 |  * @param {Object} videoData - The video data from the server.
323 |  * @param {string} inputUrl - The original input URL.
324 |  */
325 | function generateDownloadButtons(videoData, inputUrl) {
326 |     const downloadContainer = document.getElementById("download");
327 |     downloadContainer.innerHTML = "";
328 | 
329 |     if (videoData.data) {
330 |         const downloads = videoData.data.downloads;
331 |         const videoSource = videoData.data.source;
332 | 
333 |         // Add YouTube specific button if applicable
334 |         const videoId = getYouTubeVideoIds(videoSource);
335 |         if (videoId) {
336 |           //  downloadContainer.innerHTML += `
337 |           //      <a href='https://inv.nadeko.net/latest_version?id=${videoId}&itag=18&local=true' target='_blank' rel='noopener noreferrer'>
338 |           //          <button class='dlbtns' style='background: green'>Download Video (YouTube)</button>
339 |           //      </a>`;
340 |             const qualities = ["mp3", "360", "720", "1080"];
341 |             qualities.forEach(quality => {
342 |                 downloadContainer.innerHTML += `
343 |       <iframe style="border: 0; outline: none; display:inline; min-width: 150px; max-height: 45px; height: 45px !important; margin-top: 10px; overflow: hidden;"   sandbox="allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox allow-downloads allow-downloads-without-user-activation"  scrolling="no"
344 |        src="https://vkrdownloader.xyz/server/dlbtn.php?q=${encodeURIComponent(quality)}&vkr=${encodeURIComponent(videoSource)}">
345 |        </iframe>`;
346 |             });
347 |         }
348 |         // Generate download buttons for available formats
349 |         downloads.forEach(download => {
350 |             if (download && download.url) {
351 |                 const downloadUrl = download.url;
352 |                 const itag = getParameterByName("itag", downloadUrl);
353 |                 const bgColor = getBackgroundColor(itag);
354 |                 const videoExt = download.format_id;
355 |                 const videoSize = download.size;
356 | 
357 |                 downloadContainer.innerHTML += `
358 |                     <a href='${downloadUrl}' target='_blank' rel='noopener noreferrer'>
359 |                         <button class='dlbtns' style='background:${bgColor}'>
360 |                             ${sanitizeContent(videoExt)} - ${sanitizeContent(videoSize)}
361 |                         </button>
362 |                     </a>`;
363 |             }
364 |         });
365 | 
366 |     } else {
367 |         displayError("No download links found or data structure is incorrect.");
368 |         document.getElementById("loading").style.display = "none";
369 |     }
370 | 
371 |     // If no download buttons or iframes were added, notify the user
372 |     if (downloadContainer.innerHTML.trim() === "") {
373 |         displayError("Server Down due to Too Many Requests. Please contact us on Social Media @TheOfficialVKr.");
374 |         document.getElementById("container").style.display = "none";
375 |         // Redirecting the user to an alternative download page
376 |        // window.location.href = `https://vkrdownloader.xyz/download.php?vkr=${encodeURIComponent(inputUrl)}`;
377 |     }
378 | }
379 | 


--------------------------------------------------------------------------------
/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/theofficialvkr/VKrDownloader/282d04b4a6bc7761d14bec36a2fabe01bdc56eb6/logo.png


--------------------------------------------------------------------------------
/manifest.webmanifest:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "VKrDownloader",
 3 |   "short_name": "VKrDownloader",
 4 |   "description": "All in one Video Downloader - Download videos from Facebook, Twitter, YouTube, TikTok, and 1000+ other sites. Made by Vijay Kumar.",
 5 |   "start_url": "/",
 6 |   "display": "standalone",
 7 |   "background_color": "#ffffff",
 8 |   "theme_color": "#007bff",
 9 |   "icons": [
10 |     {
11 |       "src": "https://raw.githubusercontent.com/theofficialvkr/VKrDownloader/refs/heads/main/logo.png",
12 |       "sizes": "192x192",
13 |       "type": "image/png"
14 |     },
15 |     {
16 |       "src": "https://raw.githubusercontent.com/theofficialvkr/VKrDownloader/refs/heads/main/logo.png",
17 |       "sizes": "512x512",
18 |       "type": "image/png"
19 |     }
20 |   ],
21 |   "screenshots": [
22 |     {
23 |       "src": "https://raw.githubusercontent.com/theofficialvkr/VKrDownloader/refs/heads/main/logo.png",
24 |       "sizes": "192x192",
25 |       "type": "image/png"
26 |     },
27 |     {
28 |       "src": "https://raw.githubusercontent.com/theofficialvkr/VKrDownloader/refs/heads/main/logo.png",
29 |       "sizes": "512x512",
30 |       "type": "image/png"
31 |     }
32 |   ]
33 | }
34 | 


--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
  1 | body {
  2 |     font-family: 'Arial', sans-serif;
  3 |     margin: 0;
  4 |     padding: 0;
  5 |     background-color: #f5f5f5;
  6 |     text-wrap: break-word;
  7 |     overflow-wrap: break-word;
  8 | }
  9 | 
 10 | header {
 11 |     background-color: #333;
 12 |     color: #fff;
 13 |     padding: 15px;
 14 |     text-align: center;
 15 | }
 16 | 
 17 | nav ul {
 18 |     list-style: none;
 19 |     margin: 0;
 20 |     padding: 0;
 21 |     display:flex;
 22 |     width:100%;
 23 |     flex-direction: row-reverse !important;
 24 | }
 25 | 
 26 | nav li {
 27 |     display: inline;
 28 |     margin-right: 20px;
 29 | }
 30 | 
 31 | nav a {
 32 |     text-decoration: none;
 33 |     color: #fff;
 34 |     font-weight: bold;
 35 |     font-size: 16px;
 36 | }
 37 | 
 38 | #form {
 39 |     text-align: center;
 40 |     margin: 10px 0;
 41 | }
 42 | 
 43 | #inputUrl {
 44 |     padding: 10px;
 45 |    min-width:100%; /* Full width input */
 46 |     border: none;
 47 |     border-radius: 5px;
 48 |     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 49 | }
 50 | 
 51 | #downloadBtn {
 52 |     padding: 10px;
 53 |     cursor: pointer;
 54 |     background-color: #007bff;
 55 |     color: #fff;
 56 |     border: none;
 57 |     width:100%;
 58 |     border-radius: 5px;
 59 |     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 60 |     transition: background-color 0.3s;
 61 | }
 62 | 
 63 | #downloadBtn:hover {
 64 |     background-color: #0056b3;
 65 | }
 66 | #download{
 67 |     display:flex;
 68 |     justify-content: center;
 69 |     align-items: center;
 70 |     width:100%;
 71 |     flex-wrap:wrap;
 72 | }
 73 | #loading {
 74 |     text-align: center;
 75 |     display: none;
 76 |     margin-top: 20px;
 77 | }
 78 | 
 79 | #loading p {
 80 |     font-weight: bold;
 81 |     font-size: 38px;
 82 |     color: #333;
 83 | }
 84 | 
 85 | #container {
 86 |     display: none;
 87 |     text-align: center;
 88 |     margin: 20px;
 89 |     box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
 90 |     padding: 20px;
 91 |     background-color: #fff;
 92 |     border-radius: 10px;
 93 | }
 94 | 
 95 | #thumb img{
 96 |     width: 100%;
 97 |     height: 300px;
 98 | }
 99 | .dlbtns{
100 |     display: inline-block;
101 |     padding: 10px 20px;
102 |     margin: 5px;
103 |     text-align: center;
104 |     border-radius: 5px;
105 |     font-size: 14px;
106 |     font-weight: bold;
107 |     color: white;
108 |     cursor: pointer;
109 |     width:auto;
110 |     min-width: 150px;  /* Fixed width */
111 |     transition: background-color 0.3s;
112 | }
113 | .centerV {
114 |   height: auto;
115 |   display: flex;
116 |   justify-content: center;
117 |   align-items: center;
118 |   background: transparent;
119 | }
120 | #content{
121 |     background: #000000a8;
122 |     color: white;
123 |     font-weight:bold;
124 |     margin-bottom:80px;
125 | }
126 | .wave {
127 |   width: 5px;
128 |   height: 100px;
129 |   background: linear-gradient(45deg, red, #fff);
130 |   margin: 10px;
131 |   animation: wave 1s linear infinite;
132 |   border-radius: 20px;
133 | }
134 | .wave:nth-child(2) {
135 |   animation-delay: 0.1s;
136 | }
137 | .wave:nth-child(3) {
138 |   animation-delay: 0.2s;
139 | }
140 | .wave:nth-child(4) {
141 |   animation-delay: 0.3s;
142 | }
143 | .wave:nth-child(5) {
144 |   animation-delay: 0.4s;
145 | }
146 | .wave:nth-child(6) {
147 |   animation-delay: 0.5s;
148 | }
149 | .wave:nth-child(7) {
150 |   animation-delay: 0.6s;
151 | }
152 | .wave:nth-child(8) {
153 |   animation-delay: 0.7s;
154 | }
155 | .wave:nth-child(9) {
156 |   animation-delay: 0.8s;
157 | }
158 | .wave:nth-child(10) {
159 |   animation-delay: 0.9s;
160 | }
161 | 
162 | @keyframes wave {
163 |   0% {
164 |     transform: scale(0);
165 |   }
166 |   50% {
167 |     transform: scale(1);
168 |   }
169 |   100% {
170 |     transform: scale(0);
171 |   }
172 | }
173 | 
174 | 
175 | 
176 | /* Add more styling as needed */
177 | 
178 | /* Responsive styles for smaller screens */
179 | @media only screen and (max-width: 990px) {
180 |     #inputUrl {
181 |         width: 100%;
182 |     }
183 | 
184 |     nav {
185 |         display: block;
186 |         text-align: center;
187 |     }
188 |    nav ul{
189 |        flex-direction: column !important;
190 |    }
191 |     nav li {
192 |         display: block;
193 |         margin: 10px 0;
194 |     }
195 | }
196 | footer{
197 |     position: fixed;
198 |     bottom: 0;
199 |     width: 100vw;
200 | }
201 | 


--------------------------------------------------------------------------------
/sw.js:
--------------------------------------------------------------------------------
 1 | self.addEventListener('install', (event) => {
 2 |   event.waitUntil(
 3 |     caches.open('vkrdownloader-cache').then((cache) => {
 4 |       return cache.addAll([
 5 |         '/VKrDownloader',
 6 |         '/VKrDownloader/index.html',
 7 |         '/VKrDownloader/manifest.webmanifest',
 8 |         '/VKrDownloader/logo.png'
 9 |       ]);
10 |     })
11 |   );
12 | });
13 | 
14 | self.addEventListener('fetch', (event) => {
15 |   event.respondWith(
16 |     caches.match(event.request).then((response) => {
17 |       return response || fetch(event.request);
18 |     })
19 |   );
20 | });
21 | 
22 | self.addEventListener('activate', (event) => {
23 |   event.waitUntil(
24 |     caches.keys().then((cacheNames) => {
25 |       return Promise.all(
26 |         cacheNames.map((cacheName) => {
27 |           if (cacheName !== 'vkrdownloader-cache') {
28 |             return caches.delete(cacheName);
29 |           }
30 |         })
31 |       );
32 |     })
33 |   );
34 | });
35 | 


--------------------------------------------------------------------------------
/updates.md:
--------------------------------------------------------------------------------
 1 | # VKrDownloader Updates
 2 | <li> Fixed Instagram and tiktok downloading </li>
 3 | <li> Fixed YouTube downloading </li>
 4 | <li> Added MP3 converting Button</li>
 5 | <li> Added More button to download videos in different format</li>
 6 | <li> Fix API error by retires</li>
 7 | <li> Fix Thumbnail error </li>
 8 | <li> Add Video instead of thumbnail image</li>
 9 | <li>
10 |   <a href="https://ytdl-org.github.io/youtube-dl/supportedsites.html"> List Of All Supported Sites</a>
11 | </li>
12 | <li>Add API key to protect server</li>
13 | 
14 | ## Notice: Support Needed to Keep VKrDownloader Alive
15 | 
16 | ### Dear VKrDownloader Users,
17 | 
18 | I'm reaching out to let you know that VKrDownloader has hit the free-tier limit on Vercel, which means they've temporarily suspended my account and the server. Since VKrDownloader is a free tool, covering the costs for premium hosting has become challenging. I want to keep VKrDownloader available to everyone, but without support, it’s difficult to continue.
19 | 
20 | I’m actively working to find a solution, and I’ll keep you updated. If you appreciate VKrDownloader and find it useful, please consider supporting the project. With your help, I can ensure VKrDownloader stays up and running for everyone to use.
21 | 
22 | Thank you for your understanding and support!
23 | 
24 | Best,
25 | Vijay Kumar
26 | 
27 | <hr>
28 | 
29 | <li>Fixed URL detection logic </li>
30 | <li> Update API logic </li>
31 | <li> Move server to premium hosting  </li>
32 | <h2>
33 |   Download VKrDownloader APP
34 | </h2>
35 | <b>VKrDownloader</b> is a powerful and user-friendly web app designed to make video downloading easier than ever. With VKrDownloader, you can directly share videos from apps like YouTube and instantly access all available download links, allowing you to save videos for offline viewing with just a few taps.
36 | 
37 | <h3>Key Features:</h3>
38 | 
39 | One-Tap Sharing: While watching a video on YouTube or other compatible platforms, simply tap the share button, select <b>VKrDownloader</b> from your share list, and instantly receive a list of download links.
40 | 
41 | Copy & Paste URL Option: Alternatively, copy the video URL and paste it directly into <b>VKrDownloader</b>, which will retrieve all download options for you.
42 | 
43 | Fast & Convenient: No need to switch between apps or copy links repeatedly; <b>VKrDownloader</b> streamlines the download process, saving you time and effort.
44 | 
45 | Flexible Format & Quality Options: Get download links in various resolutions and formats to suit your storage and quality preferences.
46 | 
47 | 
48 | <b>VKrDownloader</b> is a hassle-free solution for anyone looking to download videos with ease, perfect for enjoying content offline anytime, anywhere.
49 | <hr>
50 | 
51 | <a href="https://github.com/theofficialvkr/VKrDownloader/releases/download/VKrDownloader.V1.1/VKrDownloader.apk">
52 | <button> Click here to Download VKrDownloader App</button>
53 | </a>
54 | <hr>
55 | 
56 | <li>Updated whole Server</li>
57 | <li>Speed it up</li>
58 | <li>Fix converting Button </li>
59 | <li>Fix Video Player</li>
60 | 
61 | 


--------------------------------------------------------------------------------