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

Mình vô tình tìm được browser này, nó là Firefox nhưng giao diện lại giống Chromium, chia sẻ cho bác nào cần :sad:

https://floorp.ablaze.one/

@toi la gay :sosad: Bác có cách nào làm giao diện của Firefox nhìn giống trình duyệt Brave không? Tất nhiên là hàng ăn sẵn nhé, mình ngại suy nghĩ lắm :sad:
Nhìn không giống Chrome lắm, muốn giống như cùng cha khác ông nội thì phang thằng này, Brave chịu còn chả biết nó nhìn ra sao mà mò :D

45172944-21d91900-b24a-11e8-8bc5-03814121b0de.png


https://github.com/muckSponge/MaterialFox
 
2023-04-10-22_33_40-Releases--gorhill_uBlock--FlashPeak-Slimbrowser820accbe66d67c84.png

các bác cho hỏi cái amo kia nó signing cái gì mà lâu thế nhỉ trước kia xuất file xpi signed nhanh lắm mà giờ thấy nó lâu thật :sweat:
 
Nếu là cái đang livestream (chưa tắt) thì nó ở mục subtitle ấy, bạn ấn vào bật sub lên, còn tắt rồi (mất chữ LIVE đỏ) thì bó tay vì Youtube nó không lưu lại chatlog.

Để bật Live Chat bạn làm như sau:
  • Mở mpv.conf lên
  • Thêm ytdl-raw-options-append=sub-langs=en,en-US,eng,vi,vi-VN,vie,ja,ja-JP,jap,live_chat
  • Sửa tùy ý, nếu bạn đã có sẵn sub-langs= thì thêm ,live_chat vào thôi.

Video (hình như không ai chat trên Youtube nên không thấy): https://streamable.com/z1wf87

Bạn có thể thử plugin sau: https://github.com/BanchouBoo/mpv-youtube-chat

Tải về bỏ vào thư mục scripts trong portable_config.

Sau đó mở file input.conf lên, thêm CTRL+j script-message load-chat vào cuối cùng, mở stream YT lên rồi ấn Ctrl + J để mở livechat lên.

Ngoài ra để script trên chạy trên Windows, mở file main.lua lên sửa dòng opts['live-chat-directory'] = is_windows and 'C:/' or (xdg_data_home .. '/youtube-live-chats') thành opts['live-chat-directory'] = is_windows and 'D:\\' or (xdg_data_home .. '/youtube-live-chats') hoặc opts['live-chat-directory'] = is_windows and 'C:\\' or (xdg_data_home .. '/youtube-live-chats')

Hình như chả có ai chat ở cái stream này cả hoặc kênh nó tắt chat đi thì phải, test kiểu gì cũng trắng trơn. Nếu bạn có cái livestream nào đang chat thì gửi mình link để test. :D
yt-dlp tải live chat là nó chia fragment ra muốn parse thì cứ phải tìm file mới để đọc mà thật ra thì đọc chat bên trong mpv nó sẽ rất ngu nhất là nếu nhiều chat nên dùng popup window cho khoẻ
 
yt-dlp tải live chat là nó chia fragment ra muốn parse thì cứ phải tìm file mới để đọc mà thật ra thì đọc chat bên trong mpv nó sẽ rất ngu nhất là nếu nhiều chat nên dùng popup window cho khoẻ
cái vụ chat này xưa ít ai đề cập do 1 phần hiện tại em thấy nhìu streamer họ cũng có add phần chat lên khung stream luôn. Nhưng mà đúng ra cái này còn tùy vào mức độ nổi tiếng của streamer nữa nếu hot thì chắc chắn khung chat spam rất nhiều có add ra cũng không đọc được với còn tùy khu vực nữa như bên Twitch user bên đó thì spam hình với chat cũng từ tốn chứ bên VN là spam chửi lộn ì xèo, có mấy ông có 1 câu spam hoài đọc thấy khó chịu vãi. Cứ xài popup window thấy khỏe hơn nhiều lúc mình còn chặn được cái đứa hay spam nữa, muốn xem chat thì bật luôn còn không thì ẩn đi thì xem màn hình stream cũng cảm giác ok hơn.
 
cái vụ chat này xưa ít ai đề cập do 1 phần hiện tại em thấy nhìu streamer họ cũng có add phần chat lên khung stream luôn. Nhưng mà đúng ra cái này còn tùy vào mức độ nổi tiếng của streamer nữa nếu hot thì chắc chắn khung chat spam rất nhiều có add ra cũng không đọc được với còn tùy khu vực nữa như bên Twitch user bên đó thì spam hình với chat cũng từ tốn chứ bên VN là spam chửi lộn ì xèo, có mấy ông có 1 câu spam hoài đọc thấy khó chịu vãi. Cứ xài popup window thấy khỏe hơn nhiều lúc mình còn chặn được cái đứa hay spam nữa, muốn xem chat thì bật luôn còn không thì ẩn đi thì xem màn hình stream cũng cảm giác ok hơn.
Mình cập nhập cái bookmarklet ở trang trước hỗ trợ cả Twitch và Youtube:

Code:
(function(){
if (document.domain == 'www.youtube.com' || document.domain == 'm.youtube.com') {
window.open("https://www.youtube.com/live_chat?is_popout=1&v=" + window.location.search.split("v=")[1], "", "fullscreen=no,toolbar=no,titlebar=no,menubar=no,location=no,width=800,height=600")

} else if (document.domain == 'www.twitch.tv') {
window.open("https://www.twitch.tv/popout/" + window.location.pathname + "?popout=", "", "fullscreen=no,toolbar=no,titlebar=no,menubar=no,location=no,width=800,height=600")
}
})();

Mở trang này paste vào rồi Generate Bookmarklet sau đó kéo vào Bookmark Toolbar. https://caiorss.github.io/bookmarklet-maker/
 
Last edited:
Mình cập nhập cái bookmarklet ở trang trước hỗ trợ cả Twitch và Youtube:

Code:
(function(){
if (document.domain == 'www.youtube.com' || document.domain == 'm.youtube.com') {
window.open("https://www.youtube.com/live_chat?is_popout=1&v=" + window.location.search.split("v=")[1], "", "fullscreen=no,toolbar=no,titlebar=no,menubar=no,location=no,width=800,height=600")

} else if (document.domain == 'www.twitch.tv') {
window.open("https://www.twitch.tv/popout/" + window.location.pathname + "?popout=", "", "fullscreen=no,toolbar=no,titlebar=no,menubar=no,location=no,width=800,height=600")
}
})();

Mở trang này paste vào rồi Generate Bookmarklet sau đó kéo vào Bookmark Toolbar. https://caiorss.github.io/bookmarklet-maker/

Khi nào bác rảnh check thử addon Bookmarklets context menu xem ổn không
Nhược điểm trước mắt em thấy là nó làm context menu chật thêm
 
Mình cập nhập cái bookmarklet ở trang trước hỗ trợ cả Twitch và Youtube:

Code:
(function(){
if (document.domain == 'www.youtube.com' || document.domain == 'm.youtube.com') {
window.open("https://www.youtube.com/live_chat?is_popout=1&v=" + window.location.search.split("v=")[1], "", "fullscreen=no,toolbar=no,titlebar=no,menubar=no,location=no,width=800,height=600")

} else if (document.domain == 'www.twitch.tv') {
window.open("https://www.twitch.tv/popout/" + window.location.pathname + "?popout=", "", "fullscreen=no,toolbar=no,titlebar=no,menubar=no,location=no,width=800,height=600")
}
})();

Mở trang này paste vào rồi Generate Bookmarklet sau đó kéo vào Bookmark Toolbar. https://caiorss.github.io/bookmarklet-maker/
Cái Youtube thì em thấy ok còn cái Twitch bên thím chạy có bị lỗi ko nhỉ chứ bên em thấy bị lỗi

Cái của thím nó ra là

Nhưng đúng của nó phải là

Em thử sửa lại code của thím cho phần Twitch thì thấy bên em chạy được
Code:
(function(){
if (document.domain == 'www.youtube.com' || document.domain == 'm.youtube.com') {
window.open("https://www.youtube.com/live_chat?is_popout=1&v=" + window.location.search.split("v=")[1], "", "fullscreen=no,toolbar=no,titlebar=no,menubar=no,location=no,width=800,height=600")

} else if (document.domain == 'www.twitch.tv') {
window.open("https://www.twitch.tv/popout" + window.location.pathname + "/chat?popout=", "", "fullscreen=no,toolbar=no,titlebar=no,menubar=no,location=no,width=800,height=600")
}
})();
 
Cái Youtube thì em thấy ok còn cái Twitch bên thím chạy có bị lỗi ko nhỉ chứ bên em thấy bị lỗi

Cái của thím nó ra là


Nhưng đúng của nó phải là


Em thử sửa lại code của thím cho phần Twitch thì thấy bên em chạy được
Code:
(function(){
if (document.domain == 'www.youtube.com' || document.domain == 'm.youtube.com') {
window.open("https://www.youtube.com/live_chat?is_popout=1&v=" + window.location.search.split("v=")[1], "", "fullscreen=no,toolbar=no,titlebar=no,menubar=no,location=no,width=800,height=600")

} else if (document.domain == 'www.twitch.tv') {
window.open("https://www.twitch.tv/popout" + window.location.pathname + "/chat?popout=", "", "fullscreen=no,toolbar=no,titlebar=no,menubar=no,location=no,width=800,height=600")
}
})();
Đúng rồi, mình viết vội để ăn cơm nên chưa kiểm tra kỹ quên béng thêm /chat vào, cơ mà có thể nên nghiên cứu dùng External Application mở luôn chat cho tiện, phần Prescript/Postscript đó như vậy thì lười được nhiều hơn :D
 
Đúng rồi, mình viết vội để ăn cơm nên chưa kiểm tra kỹ quên béng thêm /chat vào, cơ mà có thể nên nghiên cứu dùng External Application mở luôn chat cho tiện, phần Prescript/Postscript đó như vậy thì lười được nhiều hơn :D
1681192247691.png

Cái mercury hoặc cái slim-browser khi mình bật dark theme thì nó hay bị phần tab bar này vẫn còn màu trắng, thím nghiên cứu thử giùm mình được không. Cảm ơn thím trước.
Nhân tiện làm thế nào để thả emo post của voz nhỉ, bên mình không thấy có nút thả emo.
 
Ok, đã nghiên cứu xong để mở chat luôn dùng External Application :D

Kết quả sẽ thành như này nhé:

mpv-shot0001.jpg


Tiếp tục từ bài này: https://voz.vn/t/tong-hop-nhung-addon-chat-cho-firefox-pc-mobile.682181/post-24191753

Lần này ta lại tiến hóa lên một con quái vật khác, như mọi khi đường dẫn các bạn tự thay thế vào nhé, của mình để ở ổ D:\mpv :D

Name: StreamlinkReferer
Executable Name: D:\mpv\streamlink\bin\streamlinkw.exe
Arguments: [HREF] 720p,480p,best --title "{author} - {category} - {title}" --twitch-proxy-playlist=https://as.luminous.dev,https://eu.luminous.dev,https://eu2.luminous.dev,https://api.ttv.lol --twitch-disable-ads --twitch-ttvlol --twitch-reexec-on-ad --http-header Referer=[PROTOCOL]//[HOSTNAME]/ --stream-segment-threads=5 --http-no-ssl-verify --player-no-close --player="D:\mpv\mpv.exe"

Pre Javascript:
Code:
(function(){
if (location.href.indexOf('www.youtube.com/watch') != -1 || location.href.indexOf('m.youtube.com/watch') != -1) {
window.open("https://www.youtube.com/live_chat?is_popout=1&v=" + window.location.search.split("v=")[1], "", "fullscreen=no,toolbar=no,titlebar=no,menubar=no,location=no,width=800,height=600")

} else if (location.href.match('https://www.twitch.tv/.')) {
window.open("https://www.twitch.tv/popout" + window.location.pathname + "/chat?popout=", "", "fullscreen=no,toolbar=no,titlebar=no,menubar=no,location=no,width=800,height=600")
}
})();

Chú ý: Đoạn 720p,480p,best chỉnh thành best nếu muốn chất lượng cao nhất, 480p là để mùa đứt cáp.

Chọn: Toolbar ButtonLink Context

Riêng khi mở chat thì phải vào hẳn trang xem stream rồi ấn vào nút mới được nhé, hiện mình chưa nghĩ ra cách dùng Link Context ra sao, nói chung cũng ngon rồi :D

Và một cái kết có hậu kèm video không che nhé :D https://streamable.com/bf7l9p
 
Last edited:
Cái mercury hoặc cái slim-browser khi mình bật dark theme thì nó hay bị phần tab bar này vẫn còn màu trắng, thím nghiên cứu thử giùm mình được không. Cảm ơn thím trước.
Nhân tiện làm thế nào để thả emo post của voz nhỉ, bên mình không thấy có nút thả emo.
Bạn thử đoạn CSS này xem có vừa ý không, thêm vào userChrome.css, của mình nó thành thế này.

Code:
toolbox {
    background-color: black!important;
    color: white!important;;
}

Còn cái thả tờ rym thì hình như phải kết nối mạng xã hội vào tài khoản voz thì phải. :D
 
ublock: chặn quảng cáo
tampermonney: cài script
absolute enable right click and copy: bật copy với những trang k cho phép
offline qr code: tạo qr code
keepassxc-browser: quản lí mật khẩu
multi login container: đăng nhập nhiều nick mà k cần phải log qua log lại
voz next
facebook container: chặn tracking facebook
twp-translate web page: dịch siêu ngon
fastforward: bypass các link rút gọn các kiểu
SponsorBlock - Skip Sponsorships on YouTube: chặn các quảng cáo, tài trợ... của youtube
Xài cái voz next trên điện thoại kiểu gì vậy thím
 
Back
Top