index.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <!-- Required meta tags -->
  5. <meta charset="utf-8" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1" />
  7. <!-- Bootstrap CSS -->
  8. <link
  9. href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
  10. rel="stylesheet"
  11. integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
  12. crossorigin="anonymous"
  13. />
  14. <title>Return youtube dislike count</title>
  15. </head>
  16. <body>
  17. <nav class="navbar navbar-expand-lg navbar-light bg-light">
  18. <div class="container-xxl">
  19. <a class="navbar-brand" href="/">Return youtube dislike count</a>
  20. <button
  21. class="navbar-toggler"
  22. type="button"
  23. data-bs-toggle="collapse"
  24. data-bs-target="#navbarNav"
  25. aria-controls="navbarNav"
  26. aria-expanded="false"
  27. aria-label="Toggle navigation"
  28. >
  29. <span class="navbar-toggler-icon"></span>
  30. </button>
  31. <div class="collapse navbar-collapse" id="navbarNav">
  32. <ul class="navbar-nav">
  33. <li class="nav-item">
  34. <a class="nav-link" href="#downloads">Downloads</a>
  35. </li>
  36. <li class="nav-item">
  37. <a class="nav-link" href="#installation">Installation</a>
  38. </li>
  39. <li class="nav-item">
  40. <a class="nav-link" href="#faq">FAQ</a>
  41. </li>
  42. <li class="nav-item">
  43. <a class="nav-link" href="#communication">Communication</a>
  44. </li>
  45. <li class="nav-item">
  46. <a class="nav-link" href="#sources">Sources</a>
  47. </li>
  48. </ul>
  49. </div>
  50. </div>
  51. </nav>
  52. <div class="container">
  53. <div class="row justify-content-center">
  54. <div class="col-lg-8 col-md-10 col-sm-12">
  55. <h3 class="mt-4">
  56. Chrome/Firefox/Usersript extension to return youtube dislike count
  57. </h3>
  58. <img src="images/aAGrY8L_700b.jpg" class="img-fluid" />
  59. <p>
  60. <strong
  61. >Version 0.0.0.5 released - ratio (like/dislike) bar added</strong
  62. >
  63. </p>
  64. <p>
  65. Now <a href="https://addons.mozilla.org/en-US/firefox/addon/return-youtube-dislikes/"> available in official Firefox store</a>
  66. </p>
  67. <img class="img-fluid mb-5" src="images/ratio.jpg" />
  68. <p>
  69. This is a Chrome/Firefox/Userscript extension that return dislike
  70. statistics to YouTube. For now, it only works if a video had public
  71. display of dislikes enabled before YouTube removed dislike stats.
  72. </p>
  73. <p>
  74. Base dislike stats are retrieved from YouTube API while it's
  75. available. When API closes - the extension will use data from
  76. extension users to derive actual dislike count on a video
  77. </p>
  78. <p>
  79. Youtube has removed dislike statistics. Since this was a very
  80. usefull feature - this extension aims to return this functionality
  81. to users.
  82. </p>
  83. <div>
  84. Currently available only for Chrome and Firefox desktop browsers.
  85. Coming to mobile soon.
  86. </div>
  87. <p>
  88. We're considering integration with
  89. <a href="https://vancedapp.com/">Youtube Vanced</a> mobile app, if
  90. the devs will want to utilize our API
  91. </p>
  92. <p>
  93. The downvotes count looks like this, similar to what it used to be
  94. before it was removed
  95. </p>
  96. <p>Like/dislike ratio bar is coming soon</p>
  97. <img class="img-fluid mb-5" src="images/DislikeScreenshot.JPG" />
  98. <hr />
  99. <section id="downloads" class="pb-5">
  100. <h2>Downloads:</h2>
  101. <p>
  102. <strong>This is an ALHPA version!</strong> It may be slow. It may
  103. be buggy.
  104. </p>
  105. <p>
  106. Only available for chrome and Firefox now and as a Userscript now,
  107. but coming to other platforms soon
  108. </p>
  109. <h4>Chrome:</h4>
  110. <p>
  111. <a href="files/chrome/return_youtube_dislike0.0.0.1.crx"
  112. >v_0.0.0.1</a
  113. >
  114. </p>
  115. <p>
  116. <a href="files/chrome/return_youtube_dislike0.0.0.2.crx"
  117. >v_0.0.0.2</a
  118. >
  119. - Better number formatting added,
  120. </p>
  121. <p>
  122. <a
  123. href="files/chrome/return_youtube_dislike_LOAD_UNPACKED_0.0.0.3.zip"
  124. >v_0.0.0.3</a
  125. >
  126. </p>
  127. <p>0.0.0.4 <strong> removed (accidental self-ddos)</strong></p>
  128. <p>
  129. <a
  130. href="files/chrome/return_youtube_dislike_LOAD_UNPACKED_0.0.0.5.zip"
  131. >0.0.0.5</a
  132. >
  133. - ratio bar added. Dislikes from every video on page are saved now
  134. Previous versions are disabled automatically by chrome, because
  135. Chrome doesn't like .crx extensions. Install this following new
  136. instructions.
  137. </p>
  138. <h4>Firefox:</h4>
  139. Install from extension's official firefox <a
  140. href="https://addons.mozilla.org/en-US/firefox/addon/return-youtube-dislikes/"
  141. target="_blank"
  142. > addon store
  143. page</a
  144. >. Check for updates often - this extension is being actively
  145. improved Latest version coming out as soon as update is approved by
  146. Mozilla
  147. <p></p>
  148. <div class="accordion" id="accordionExample">
  149. <div class="accordion-item">
  150. <h2 class="accordion-header" id="headingTwo">
  151. <button
  152. class="accordion-button collapsed"
  153. type="button"
  154. data-bs-toggle="collapse"
  155. data-bs-target="#collapseTwo"
  156. aria-expanded="false"
  157. aria-controls="collapseTwo"
  158. >
  159. Outdated installation via files
  160. </button>
  161. </h2>
  162. <div
  163. id="collapseTwo"
  164. class="accordion-collapse collapse"
  165. aria-labelledby="headingTwo"
  166. data-bs-parent="#accordionExample"
  167. >
  168. <div class="accordion-body">
  169. <div class="card card-body">
  170. <p>
  171. NOT RECOMMENDED! Use firefox addon store
  172. <a
  173. href="https://addons.mozilla.org/en-US/firefox/addon/return-youtube-dislikes/"
  174. target="_blank"
  175. >link</a
  176. >
  177. </p>
  178. <p>
  179. <a href="files/ff/youtube_dislike_button-0.0.0.1-fx.xpi"
  180. >v_0.0.0.1</a
  181. >
  182. </p>
  183. <p>
  184. <a href="files/ff/youtube_dislike_button-0.0.0.2-fx.xpi"
  185. >v_0.0.0.2</a
  186. >
  187. - Better number formatting added thanks,
  188. <strong>bstka</strong>
  189. </p>
  190. </div>
  191. </div>
  192. </div>
  193. </div>
  194. </div>
  195. <h4 class="pt-5">Userscript, tested on Tampermonkey</h4>
  196. <p>
  197. <a
  198. href="https://github.com/Anarios/return-youtube-dislike/raw/main/Extensions/UserScript/Return%20Youtube%20Dislike.user.js"
  199. >
  200. https://github.com/Anarios/return-youtube-dislike/raw/main/Extensions/UserScript/Return%20Youtube%20Dislike.user.js</a
  201. >
  202. </p>
  203. </section>
  204. <hr />
  205. <section id="installation" class="pb-5">
  206. <h2>Installation on chrome</h2>
  207. <p>
  208. <strong
  209. >Before installing new version - please manually delete old
  210. version</strong
  211. >
  212. </p>
  213. <p>
  214. <strong
  215. >Chrome might disable this extension - you'll need to delete it
  216. and reinstall.
  217. </strong>
  218. This is a temporary problem while awaiting chrome store approval.
  219. You might use userscript or firefox extension meanwhile.
  220. </p>
  221. <p>
  222. Installation is described for Chrome. For firefox extension is
  223. available in store
  224. </p>
  225. <ol>
  226. <li>
  227. Download latest version for you browser. Extract .zip file
  228. contents into empty folder
  229. </li>
  230. <li>
  231. <p>Write chrome://extensions in url bar.</p>
  232. <p>Or press ... in right corner => Settings => Extensions</p>
  233. </li>
  234. <li>
  235. Enable Developer Mode
  236. <img
  237. class="img-fluid mb-3"
  238. src="images/EnableDeveloperMode.JPG"
  239. />
  240. </li>
  241. <li>
  242. <p>Press "Load unpacked</p>
  243. </li>
  244. <li>Press "Add extension" button</li>
  245. <li>
  246. Select the folder that you extracted .zip file contents into
  247. </li>
  248. </ol>
  249. </section>
  250. <hr />
  251. <section id="faq" class="pb-4">
  252. <h2>FAQ</h2>
  253. <ol>
  254. <li>
  255. <strong>Why is it not in chrome store yet?</strong>
  256. <p>
  257. Chrome extension appoval process takes some time. As soon as
  258. it's available in the store - We'll update the site
  259. </p>
  260. </li>
  261. <li>
  262. <strong>Is it dangerous?/Is it a virus?</strong>
  263. <p>
  264. While there is some trust involved in installing an extension
  265. from 3-rd party source - you can see all permissions requested
  266. by the extension before installing it. This extension only
  267. asks for access to youtube.com page
  268. </p>
  269. <img class="img-fluid mb-3" src="images/Permissions.JPG" />
  270. </li>
  271. <li>
  272. <strong
  273. >I downvoted a video, and downvotes number didn't
  274. change</strong
  275. >
  276. <p>
  277. Currently we're using YouTube API to get dislikes count. It
  278. may take some time for data to be updated. YouTube might
  279. freeze dislike counts as well. We're working on a solution for
  280. this
  281. </p>
  282. </li>
  283. </ol>
  284. For anything else contact us at email\discord channel listed in
  285. Communication section
  286. </section>
  287. <hr />
  288. <section id="communication" class="pb-5">
  289. <h2>Communication</h2>
  290. <h4>Email</h4>
  291. <span>You can mail me at</span>
  292. <a
  293. href="mailto:selivano.d@gmail.com?subject=Return-youtube-dislike-count&body=Message"
  294. >
  295. selivano.d@gmail.com
  296. </a>
  297. <br />
  298. <br />
  299. <h4>Discord server</h4>
  300. <a href="https://discord.gg/UMxyMmCgfF">Join</a> a discord discussion
  301. </section>
  302. <hr />
  303. <section id="sources" class="pb-5">
  304. <h2>Sources</h2>
  305. <a href="https://github.com/Anarios/return-youtube-dislike"
  306. >https://github.com/Anarios/return-youtube-dislike</a
  307. >
  308. </section>
  309. <br />
  310. <br />
  311. </div>
  312. </div>
  313. </div>
  314. <!--<img src="images/aAGrY8L_700b.jpg"/>-->
  315. <!--<img src="images/aAGrY8L_700b.jpg"/>-->
  316. <!-- Optional JavaScript; choose one of the two! -->
  317. <!-- Option 1: Bootstrap Bundle with Popper -->
  318. <script
  319. src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
  320. integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
  321. crossorigin="anonymous"
  322. ></script>
  323. <!-- Option 2: Separate Popper and Bootstrap JS -->
  324. <!--
  325. <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
  326. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
  327. -->
  328. </body>
  329. </html>