index.html 13 KB

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