index.html 4.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <!DOCTYPE html>
  2. <html>
  3. <header>
  4. <title>Flipper Zero Mayhem</title>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
  8. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  9. </header>
  10. <body style="margin:2%;padding:1%">
  11. <h1>Flipper Zero Mayhem installer</h1>
  12. <script type="module" src="https://unpkg.com/esp-web-tools@3.4.2/dist/web/install-button.js?module"></script>
  13. <style>
  14. .container {
  15. display: flex;
  16. justify-content: space-between;
  17. }
  18. .left-div {
  19. text-align: left;
  20. }
  21. .right-div {
  22. width: 100%;
  23. margin: 20px;
  24. text-align: left;
  25. }
  26. </style>
  27. <div class="container">
  28. <div class="left-div">Copy the following apps</a> to your Flipper (i.e. to <i>apps/GPIO</i> using the version that correspond to your firmware (or <a href="https://github.com/eried/flipperzero-mayhem/wiki/Compilation-of-the-faps">compiling</a> your own version):<ul>
  29. <li><a target=_blank href="https://flipc.org/eried/flipperzero-mayhem?root=flipper_companion_apps/applications/plugins/esp32cam_marauder_companion&firmware=unleashed"><i class="fa fa-download"></i> MAYHEM_Marauder.fap</a></li>
  30. <li><a target=_blank href="https://flipc.org/eried/flipperzero-mayhem?root=flipper_companion_apps/applications/plugins/esp32cam_camera&firmware=unleashed"><i class="fa fa-download"></i> MAYHEM_Camera.fap</a></li>
  31. <li><a target=_blank href="https://flipc.org/eried/flipperzero-mayhem?root=flipper_companion_apps/applications/plugins/esp32cam_motion_detection&firmware=unleashed"><i class="fa fa-download"></i> MAYHEM_Motion.fap</a></li>
  32. <li><a target=_blank href="https://flipc.org/eried/flipperzero-mayhem?root=flipper_companion_apps/applications/plugins/esp32cam_qrcode&firmware=unleashed"><i class="fa fa-download"></i> MAYHEM_QRcode.fap</a></li></ul>
  33. Next, while holding pin <strong>IO0</strong> connected to <strong>GND</strong>, press reset on the ESP32CAM and upload the firmware pressing Install. For more details on the apps check <a href="https://www.youtube.com/watch?v=F9Zp6oM2KYs">this</a> video, or take a look of the <a href="https://github.com/eried/flipperzero-mayhem/wiki">documentation</a>.<br><br><strong>Note 1:</strong> If you are using your Flipper to upload the firmware, remember to go to GPIO/USB-UART Bridge. After the upload, reset the ESP32 (or unplug/replug the module).<br><br><strong>Note 2:</strong> If you do not see the Install button below, your browser might not support this functionality.<br><br>
  34. <esp-web-install-button manifest="build/manifest.json"></esp-web-install-button>
  35. <p>Enjoy!</p></div>
  36. <div class="right-div"><!--<blockquote class="tiktok-embed" cite="https://www.tiktok.com/@erwinried/video/7194596683051764998" data-video-id="7194596683051764998" style="max-width: 605px;min-width: 325px;" > <section> <a target="_blank" title="@erwinried" href="https://www.tiktok.com/@erwinried?refer=embed">@erwinried</a> <a title="flipper" target="_blank" href="https://www.tiktok.com/tag/flipper?refer=embed">#flipper</a> <a title="flipperzero" target="_blank" href="https://www.tiktok.com/tag/flipperzero?refer=embed">#flipperzero</a> <a title="esp32" target="_blank" href="https://www.tiktok.com/tag/esp32?refer=embed">#esp32</a> <a target="_blank" title="? original sound - Erwin Ried" href="https://www.tiktok.com/music/original-sound-7194596679625001734?refer=embed">? original sound - Erwin Ried</a> </section> </blockquote> <script async src="https://www.tiktok.com/embed.js"></script>-->
  37. <iframe width="560" height="315" src="https://www.youtube.com/embed/k34t9pmy2Uc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
  38. <iframe width="560" height="315" src="https://www.youtube.com/embed/Gld-tHnGydA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></div>
  39. </div>
  40. </body>
  41. </html>