kiến thức Tổng hợp những addon chất cho Firefox / Chromium

Ngồi mò cách xem trang motchiu này qua MPV và cuối cùng đã được, cơ mà nó khó vãi nồi:

  • Phải khử PNG header giả mạo \x89PNG\r\n để MPV nhận, cần cho MPV chạy qua Burpsuite, mỗi lần MPV tải một file .html là khử PNG header giả mạo một lần. File m3u8 nó như sau:
Code:
11:49:20.151
#EXTM3U
#EXT-X-VERSION:3
#EXT-X-TARGETDURATION:13
#EXT-X-MEDIA-SEQUENCE:0
#EXTINF:9.718689,
https://images2-focus-opensocial.googleusercontent.com/gadgets/proxy?container=focus&refresh=604800&url=https%3A%2F%2Ftulipyume.top%2Farchive%2F5b11470b4df3828b2eac0b50ba05b0ab%2F0.html
#EXTINF:3.336889,
https://images2-focus-opensocial.googleusercontent.com/gadgets/proxy?container=focus&refresh=604800&url=https%3A%2F%2Ftulipyume.top%2Farchive%2F5b11470b4df3828b2eac0b50ba05b0ab%2F1.html
#EXTINF:10.427778,
https://images2-focus-opensocial.googleusercontent.com/gadgets/proxy?container=focus&refresh=604800&url=https%3A%2F%2Ftulipyume.top%2Farchive%2F5b11470b4df3828b2eac0b50ba05b0ab%2F2.html
#EXTINF:7.758267,
https://images2-focus-opensocial.googleusercontent.com/gadgets/proxy?container=focus&refresh=604800&url=https%3A%2F%2Ftulipyume.top%2Farchive%2F5b11470b4df3828b2eac0b50ba05b0ab%2F3.html
#EXTINF:2.711222,
https://images2-focus-opensocial.googleusercontent.com/gadgets/proxy?container=focus&refresh=604800&url=https%3A%2F%2Ftulipyume.top%2Farchive%2F5b11470b4df3828b2eac0b50ba05b0ab%2F4.html
#EXTINF:3.754000,
https://images2-focus-opensocial.googleusercontent.com/gadgets/proxy?container=focus&refresh=604800&url=https%3A%2F%2Ftulipyume.top%2Farchive%2F5b11470b4df3828b2eac0b50ba05b0ab%2F5.html
  • Phải tải M3U8 về rồi lưu lại (ấn vào phần m3u8 59mins) là nó tải về
  • Phải giả mạo Referer header là haivan.xyz vì trang này nó kiểm tra, không đúng nó trả về 403
  • Phải dùng Streamlink xem vì MPV không phát được hết (chắc do chưa khử sạch file .html

Vì để làm cái này rất khó nên mình chỉ demo để thấy rằng nó có thể, chứ nên xem trang khác hoặc dùng stremio xem, bao ngon chứ cái này khổ dâm khôn xiết.

Video đây nha: https://streamable.com/kl7poc

1685614337214.png
 
Code mới không bị che mất 3 gạch, hàng ngon bá xờ cháy :love:

Đã cập nhập lại bài Biến giao diện Sidebery thành ẩn/hiện giữ lại icon trang web y như Vertical Tab của Edge

userChrome.css

JavaScript:
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/hide_tabs_toolbar.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Hides tabs toolbar */
/* For OSX use hide_tabs_toolbar_osx.css instead */

/* Note, if you have either native titlebar or menubar enabled, then you don't really need this style.
 * In those cases you can just use: #TabsToolbar{ visibility: collapse !important }
 */

/* IMPORTANT */
/*
Get window_control_placeholder_support.css
Window controls will be all wrong without it
*/

:root[tabsintitlebar]{ --uc-toolbar-height: 40px; }
:root[tabsintitlebar][uidensity="compact"]{ --uc-toolbar-height: 32px }

#TabsToolbar{ visibility: collapse !important }

:root[tabsintitlebar="true"] #nav-bar{
  padding-right: calc(138px + var(--window-drag-space-width,0px));
  padding-left: var(--window-drag-space-width,0px)
}

:root[sizemode="fullscreen"] #TabsToolbar > :is(#window-controls,.titlebar-buttonbox-container){
  visibility: visible !important;
  z-index: 2;
}

:root:not([inFullscreen]) #nav-bar{
  margin-top: calc(0px - var(--uc-toolbar-height,0px));
}

:root[tabsintitlebar] #toolbar-menubar[autohide="true"]{
  min-height: unset !important;
  height: var(--uc-toolbar-height,0px) !important;
  position: relative;
}

#toolbar-menubar[autohide="false"]{
  margin-bottom: var(--uc-toolbar-height,0px)
}

:root[tabsintitlebar] #toolbar-menubar[autohide="true"] #main-menubar{
  -moz-box-flex: 1; /* Fx < 112 compatibility */
  flex-grow: 1;
  -moz-box-align: stretch; /* Fx < 112 compatibility */
  align-items: stretch;
  background-color: var(--toolbar-bgcolor,--toolbar-non-lwt-bgcolor);
  background-clip: padding-box;
  border-right: 30px solid transparent;
  border-image: linear-gradient(to left, transparent, var(--toolbar-bgcolor,--toolbar-non-lwt-bgcolor) 30px) 20 / 30px
}

#toolbar-menubar:not([inactive]){ z-index: 2 }
#toolbar-menubar[autohide="true"][inactive] > #menubar-items {
  opacity: 0;
  pointer-events: none;
  margin-left: var(--uc-window-drag-space-pre,0px)
}

#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] #sidebar-header {
  visibility: collapse;
}
 
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/autohide_sidebar.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
 
/* Show sidebar only when the cursor is over it  */
/* The border controlling sidebar width will be removed so you'll need to modify these values to change width */
 
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] {
  --uc-sidebar-width: 48px !important;
  --uc-sidebar-hover-width: 250px;
  --uc-autohide-sidebar-delay: 300ms; /* Wait 0.3s before hiding sidebar */
  position: relative;
  min-width: var(--uc-sidebar-width) !important;
  width: var(--uc-sidebar-width) !important;
  max-width: var(--uc-sidebar-width) !important;
  z-index:1;
}
 
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] > #sidebar-splitter {
  display: none
}
 
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] > #sidebar {
  transition: min-width 115ms linear var(--uc-autohide-sidebar-delay) !important;
  min-width: var(--uc-sidebar-width) !important;
  will-change: min-width;
}
 
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]:hover > #sidebar{
  min-width: var(--uc-sidebar-hover-width) !important;
  transition-delay: 0ms !important
}
 
/* Add sidebar divider and give it background */
 
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] > #sidebar,
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] > #sidebar-header {
  background-color: var(--toolbar-bgcolor) !important;
/*  border-inline: 1px solid var(--sidebar-border-color) !important;*/
  border-inline: 1px solid var(--chrome-content-separator-color) !important;
  border-inline-width: 0px 1px;
}
#sidebar-box[positionend]{
  direction: rtl
}
#sidebar-box[positionend] > *{
  direction: ltr
}
 
#sidebar-box[positionend]:-moz-locale-dir(rtl){
  direction: ltr
}
#sidebar-box[positionend]:-moz-locale-dir(rtl) > *{
  direction: rtl
}

View attachment 1869469
xài cái này e nhấn ctrl + H để coi lại lịch sử cái mất luôn thanh sideberry lun rồi :sweat:
 
Vừa thử Sidebery 5 beta xong, khá là ngon.

xài cái này e nhấn ctrl + H để coi lại lịch sử cái mất luôn thanh sideberry lun rồi :sweat:
Pin nút này ra là tắt bật thoải mái nhé:
1685631336551.png


Mà hiện tại Firefox 115 đã hộ trợ dịch offline không cần gửi dữ liệu đi đâu cả, nếu có thêm tiếng Nhật và tiếng Trung thì chả cần xài Google nữa: https://winaero.com/firefox-115-will-include-automatic-translator-for-web-pages/

Enable-offline-translation-in-Firefox-Nightly-3.png


Tìm & chuyển:
browser.translations.autoTranslatetrue

Thế là xong, chỉ 115 đổ lên thôi nhé.

Đây là một tính năng mà theo mình là đi đúng hướng, bộ model dịch thuật của Firefox rất là nhẹ nên dùng không nhiều CPU/GPU khi dịch nên máy cùi bắp vẫn có thể dùng được, hoàn toàn ẩn danh không cần dính líu gì tới phía Google/Bing/DeepL.
 
Vừa thử Sidebery 5 beta xong, khá là ngon.


Pin nút này ra là tắt bật thoải mái nhé:
View attachment 1870496

Mà hiện tại Firefox 115 đã hộ trợ dịch offline không cần gửi dữ liệu đi đâu cả, nếu có thêm tiếng Nhật và tiếng Trung thì chả cần xài Google nữa: https://winaero.com/firefox-115-will-include-automatic-translator-for-web-pages/

Enable-offline-translation-in-Firefox-Nightly-3.png


Tìm & chuyển:
browser.translations.autoTranslatetrue

Thế là xong, chỉ 115 đổ lên thôi nhé.

Đây là một tính năng mà theo mình là đi đúng hướng, bộ model dịch thuật của Firefox rất là nhẹ nên dùng không nhiều CPU/GPU khi dịch nên máy cùi bắp vẫn có thể dùng được, hoàn toàn ẩn danh không cần dính líu gì tới phía Google/Bing/DeepL.
115 là nightly hả bác? hiệu năng có ok không bác để em nghịch thử
ShmSpiw.png
 
btw, dev bên mozilla bảo mấy trang kia không support ECH và trong log em gửi FF cũng không dùng kết nối ECH nên mấy ông ý không làm gì được, đóng issue luôn
F7TAdqU.png
Ờ thời điểm hiện tại có thể dùng Chunk Rust hoặc Demergi, nên thử Demergi vì nếu đã từng làm ProxySwitchy cho Chunk Rust thì cái này hoạt động ngay tắp lự, chỉ việc bật lên vì nó dùng cùng port với Chunk Rust nhưng thuật toán có vẻ khác đôi chút nên cũng đáng vài giây cuộc đời thử nghiệm nó: https://github.com/hectorm/demergi (Windows hay Linux thì cứ tải về chạy) (Cách cài Demergi cho Mac)

Mình test thì ok nhé, vào được tất Bon, Medium, Xvid, Pastebin:

1685632380497.png
 
Last edited:
À, em thấy rồi, hỗ trợ chưa nổi 20 tiếng, đợi database nó dày thêm thôi, tiếng U Cà còn đang beta
Đúng rồi, quan trọng nhất là Nhật Bổn vì ngôn ngữ này rất nhiều người thích học để đọc truyện tranh. Sắp rồi (hy vọng): https://github.com/mozilla/firefox-translations/issues/714

Họ sẽ dùng mô hình Jparacrawl để dạy tiếng Nhật cho con AI của Firefox: http://www.kecl.ntt.co.jp/icl/lirg/jparacrawl/

Thêm OCR nữa thì căng đét, OCR chính ra mới là tạo ra sự khác biệt vì nhiều khi xem tranh ảnh có vài chữ nước ngoài muốn dịch cho hiểu nghĩa, hiện tại Search By Image dùng cũng ok :D
 
Back
Top