index.html 9.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230
  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 href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
  9. integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
  10. <title>Return youtube dislike count</title>
  11. </head>
  12. <body>
  13. <div class="container">
  14. <nav class="navbar navbar-expand-lg navbar-light bg-light">
  15. <div class="container-fluid">
  16. <a class="navbar-brand" href="/">Return youtube dislike count</a>
  17. <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
  18. <span class="navbar-toggler-icon"></span>
  19. </button>
  20. <div class="collapse navbar-collapse" id="navbarNav">
  21. <ul class="navbar-nav">
  22. <li class="nav-item">
  23. <a class="nav-link" href="#downloads">Downloads</a>
  24. </li>
  25. <li class="nav-item">
  26. <a class="nav-link" href="#installation">Installation</a>
  27. </li>
  28. <li class="nav-item">
  29. <a class="nav-link" href="#faq">FAQ</a>
  30. </li>
  31. <li class="nav-item">
  32. <a class="nav-link" href="#communication">Communication</a>
  33. </li>
  34. <li class="nav-item">
  35. <a class="nav-link" href="#sources">Sources</a>
  36. </li>
  37. </ul>
  38. </div>
  39. </div>
  40. </nav>
  41. <div class="row justify-content-center">
  42. <div class="col-lg-8 col-md-10 col-sm-12">
  43. <h3 class="mt-4">Chrome/Firefox/Usersript extension to return youtube dislike count</h3>
  44. <img src="images/aAGrY8L_700b.jpg" class="img-fluid"/>
  45. <p><strong>Now <a href="https://addons.mozilla.org/en-US/firefox/addon/return-youtube-dislikes/">available</a> in
  46. firefox addon store! </strong></p>
  47. <p><strong>Version 0.0.0.4 released - ratio (like/dislike) bar added</strong></p>
  48. <p>This is a Chrome/Firefox/Userscript extension that return dislike statistics to YouTube. For now, it only works
  49. if
  50. a video had public display of dislikes enabled before YouTube removed dislike stats.</p>
  51. <p>Base dislike stats are retrieved from YouTube API while it's available. When API closes - the extension will
  52. use data from extension users to derive actual dislike count on a video</p>
  53. <p>Youtube has removed dislike statistics. Since this was a very usefull feature -
  54. this extension aims to return this functionality to users.
  55. </p>
  56. <div class="alert alert-primary" role="alert">
  57. Currently available only for Chrome and Firefox desktop browsers. Coming to mobile soon.
  58. </div>
  59. <p>We're considering integration with <a href="https://vancedapp.com/">Youtube Vanced</a> mobile app, if the devs
  60. will want to utilize our API</p>
  61. <p>The downvotes count looks like this, similar to what it used to be before it was removed</p>
  62. <p>Like/dislike ratio bar is coming soon</p>
  63. <img class="img-fluid mb-5" src="images/DislikeScreenshot.JPG"/>
  64. <hr>
  65. <section id="downloads" class="pb-5">
  66. <h2>Downloads:</h2>
  67. <p><strong>This is an ALHPA version!</strong> It may be slow. It may be buggy.</p>
  68. <p>Only available for chrome and Firefox now, but coming to other platforms soon</p>
  69. <h4>Chrome:</h4>
  70. <p>
  71. <a href="files/chrome/return_youtube_dislike0.0.0.1.crx">v_0.0.0.1</a></p>
  72. <p><a href="files/chrome/return_youtube_dislike0.0.0.2.crx">v_0.0.0.2</a> - Better number formatting added,
  73. <p><a href="files/chrome/return_youtube_dislike_LOAD_UNPACKED_0.0.0.3.zip">v_0.0.0.3</a>
  74. Previous versions are disabled automatically by chrome, because Chrome doesn't like .crx extensions.
  75. Install this following new instructions.
  76. </p>
  77. <h4>Firefox:</h4>
  78. Install from extension's firefox addon store <a href="https://addons.mozilla.org/en-US/firefox/addon/return-youtube-dislikes/" target="_blank">page</a>.
  79. Check for updates often - this extension is being actively improved
  80. <p>
  81. <div class="accordion" id="accordionExample">
  82. <div class="accordion-item">
  83. <h2 class="accordion-header" id="headingTwo">
  84. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  85. data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
  86. Outdated installation via files
  87. </button>
  88. </h2>
  89. <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
  90. data-bs-parent="#accordionExample">
  91. <div class="accordion-body">
  92. <div class="card card-body">
  93. <p> NOT RECOMMENDED! Use firefox addon store <a href="https://addons.mozilla.org/en-US/firefox/addon/return-youtube-dislikes/" target="_blank">link</a>
  94. </p>
  95. <p>
  96. <a href="files/ff/youtube_dislike_button-0.0.0.1-fx.xpi">v_0.0.0.1</a>
  97. </p>
  98. <p><a href="files/ff/youtube_dislike_button-0.0.0.2-fx.xpi">v_0.0.0.2</a> - Better number formatting added
  99. thanks, <strong>bstka</strong>
  100. </p>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. <h4 class="pt-5">Userscript, tested on Tampermonkey</h4>
  107. <p><a
  108. href="https://github.com/Anarios/return-youtube-dislike/raw/main/Extensions/UserScript/Return%20Youtube%20Dislike.user.js">
  109. https://github.com/Anarios/return-youtube-dislike/raw/main/Extensions/UserScript/Return%20Youtube%20Dislike.user.js</a>
  110. </a></p>
  111. </section>
  112. <hr>
  113. <section id="installation" class="pb-5">
  114. <h2>Installation on chrome</h2>
  115. <p></p><strong>Before installing new version - please manually delete old version</strong></p>
  116. <p></p><strong>Chrome might disable this extension - you'll need to delete it and reinstall. </strong>
  117. This is a temporary problem while awaiting chrome store approval. You might use userscript or firefox extension meanwhile.</p>
  118. <p> Installation is described for Chrome. For firefox extension is available in store</p>
  119. <ol>
  120. <li>
  121. Download latest version for you browser. Extract .zip file contents into empty folder
  122. </li>
  123. <li>
  124. <p>Write chrome://extensions in url bar.</p>
  125. <p>Or press ... in right corner => Settings => Extensions</p>
  126. </li>
  127. <li>
  128. Enable Developer Mode
  129. <img class="img-fluid mb-3" src="images/EnableDeveloperMode.JPG"/>
  130. </li>
  131. <li>
  132. <p>Press "Load unpacked</p>
  133. </li>
  134. <li>Press "Add extension" button</li>
  135. <li>Select the folder that you extracted .zip file contents into</li>
  136. </ol>
  137. </section>
  138. <hr>
  139. <section id="faq" class="pb-4">
  140. <h2>FAQ</h2>
  141. <ol>
  142. <li>
  143. <strong>Why is it not in chrome store yet?</strong>
  144. <p>Chrome extension appoval process takes some time. As soon as it's available in the store - We'll update
  145. the
  146. site</p>
  147. </li>
  148. <li>
  149. <strong>Is it dangerous?/Is it a virus?</strong>
  150. <p>While there is some trust involved in installing an extension from 3-rd party source
  151. - you can see all permissions requested by the extension before installing it. This extension only asks
  152. for
  153. access
  154. to youtube.com page</p>
  155. <img class="img-fluid mb-3" src="images/Permissions.JPG"/>
  156. </li>
  157. <li>
  158. <strong>I downvoted a video, and downvotes number didn't change</strong>
  159. <p>Currently we're using YouTube API to get dislikes count. It may take some time for data to be updated.
  160. YouTube might freeze
  161. dislike counts as well. We're working on a solution for this</p>
  162. </li>
  163. </ol>
  164. For anything else contact us at email\discord channel listed in Communication section
  165. </section>
  166. <hr>
  167. <section id="communication" class="pb-5">
  168. <h2>Communication</h2>
  169. <h4>Email</h4>
  170. <span>You can mail me at</span>
  171. <a href="mailto:selivano.d@gmail.com?subject=Return-youtube-dislike-count&body=Message">
  172. selivano.d@gmail.com
  173. </a>
  174. <br>
  175. <br>
  176. <h4>Discord server</h4>
  177. <a href="https://discord.gg/HvwXNG4M">Join</a> a discord discussion
  178. </section>
  179. <hr>
  180. <section id="sources" class="pb-5">
  181. <h2> Sources </h2>
  182. <a
  183. href="https://github.com/Anarios/return-youtube-dislike">https://github.com/Anarios/return-youtube-dislike</a>
  184. </section>
  185. <br>
  186. <br>
  187. </div>
  188. </div>
  189. </div>
  190. </div>
  191. <!--<img src="images/aAGrY8L_700b.jpg"/>-->
  192. <!--<img src="images/aAGrY8L_700b.jpg"/>-->
  193. <!-- Optional JavaScript; choose one of the two! -->
  194. <!-- Option 1: Bootstrap Bundle with Popper -->
  195. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
  196. integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
  197. crossorigin="anonymous"></script>
  198. <!-- Option 2: Separate Popper and Bootstrap JS -->
  199. <!--
  200. <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>
  201. <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>
  202. -->
  203. </body>
  204. </html>