יוטיוב | הוספת כפתור "הורדה" באופן אוטומטי מתחת לוידאו | JS+tampermonkey
-
@chv
מוזר... אחרי העדכון דווקא מופיע לי 'הורדה בנטפרי' והפעם באופן תקין.
@מתחיל-מומחה
...טוב, זה לא התעדכן לך משום מה גם אצלי לא..
וטוב שכך, אין עניין לדעתי לשנות את זה
זה שזה ירד לך שורה זה בגלל שהיית על חלון קטן מידי. עכשיו אתה על חלון גדול מספיק.אם אתה רוצה אפשר להכניס לשם פשוט תמונה. מי שרוצה לעצב לזה כפתור יפה להורדה - אדרבא, זה יהיה מצוין!
-
@מתחיל-מומחה
...טוב, זה לא התעדכן לך משום מה גם אצלי לא..
וטוב שכך, אין עניין לדעתי לשנות את זה
זה שזה ירד לך שורה זה בגלל שהיית על חלון קטן מידי. עכשיו אתה על חלון גדול מספיק.אם אתה רוצה אפשר להכניס לשם פשוט תמונה. מי שרוצה לעצב לזה כפתור יפה להורדה - אדרבא, זה יהיה מצוין!
-
@chv אמר ב[יוטיוב | הוספת כפתור "הורדה" בשורת הכפתורים מתחת לוידאו |
אם אתה רוצה אפשר להכניס לשם פשוט תמונה. מי שרוצה לעצב לזה כפתור יפה להורדה - אדרבא, זה יהיה מצוין!
לא קריטי....
(ומה רע בכזה כפתור, לדוגמא?
) -
עריכה: כרגע לא עובד
תגובה: תוסף | הורדה מיוטיוב דרך videownload.ml (נטפרי
) | כרום\פיירפוקסבאשכול הזה
הבאתי תוסף שבלחיצה עליו יורד הסרטון דרך פלטפורמה שנבנתה להורדת סרטוני יוטיוב בנטפרי.בעיקרון - כל זה ממש מיותר למי שיודע איך מריצים סקריפטים בצורה אוטומטית בדפדפן.
אני אסביר: (אזהרה
היה לי זמן אז כתבתי קצת ארוך 
) כל אחד מכיר את ה"סימניות" האלו שמוסיפים קוד ארוךךך לכתובת האתר של סימניה, ואז כשילחצו על הסימניה - היא תבצע איזו פעולה באתר הנוכחי.איך זה עובד? ככה: כל אתר בנוי משלוש מרכיבים: HTML, CSS, ו-JS (javascript). הJS זה החלק של כל הצד התיכנותי של האתר. זו שפת תוכנה שמשתמשים בה בעיקר באתרי אינטרנט והיא השפה הפופלרית ביותר בעולם בתיכנות (עד כמה שאפשר למדוד כזה דבר. לוגית - המשפט הזה שגוי).
בכל אתר שאתם נמצאים, אתם יכולים לשלוח פקודות בJS לאתר. עושים את זה פשוט דרך ה"קונסול" - console של הדפדפן: לוחצים F12 נכנסים לכרטיסיה console, כותבים מה שאתם רוצים ולוחצים ctrl+enter.
מה שקורה כשאתם לוחצים על ה"סימניה" זה פשוט הרצה של הקוד JS שנמצא אחרי המילה javascript: שבתחילת הכתובת אתר של הסימניה (המילה הזאת נועדה, כמובן, להראות לדפדפן שמדובר בפקודת JS ולא בכתובת של אתר, לדוגמא).
הבעיה בכל הסיפור הזה, בתכלס, זה שכל פעם תצטרכו ללחוץ על הסימניה\להקליד את הפקודה בקונסול. וזה מרגיז - אנחנו רוצים שהכפתור הורדה (לדוגמא) ייכנס אוטומטית ליוטיוב. וגם - זה תופס מקום בסרגל הסימניות. מה עושים?
בדיוק בשביל זה נוצר - מי שלא הכיר: tampermonkey
.
התקנה בכרום
התקנה בפיירפוקסזה תוסף שמריץ אוטומטית את הסקריפטים שמזינים לו, לפי הגדרות וכו' באתרים שהוגדרו.
כל מי שמתחיל להתעסק קצת עם ווב - חייב להיות לו דבר ראשון את התוסף הזה (אני חושב שזה מותקן כברירת מחדל בכרום).במקרה שלנו - מדובר על סקריפט ליצירת כפתור "הורדה" ביוטיוב.
יש כבר כמה "סימניות" שרצות עם סקריפטים כאלו, הכי מוכר זה משום מה זה - http://forum.netfree.link/post/85648. (זה מוריד בצורה פשוטה על ידי פריקה של stremingData. השורה הכי קריטית בקוד הארוך הזה (יותר מידי ארוך.. כל האורך בשביל שיהיה סמל עם חץ למטה ליד המילה "הורדה"..) היא זו:
const formats = JSON.parse(ytplayer.config.args.player_response).streamingData.formats;זה מוציא מהנגן את כתובת ההורדה של הניגון הנוכחי)אני לא יודע מה יותר טוב - להוריד עם זה או דרך videownload. בכל אופן עשיתי סקריפט קצר שיוצר כפתור הורדה דרך videownload. הנה הסקריפט:
const observer = new MutationObserver(() => { if (document.querySelector("ytd-menu-renderer #top-level-buttons")) { observer.disconnect(); const video_id = new URLSearchParams(new URL(location).search).get("v"); const dlink = "https://videownload.ml/download/https://youtu.be/" + video_id; const dbutton = document.createElement("div"); dbutton.style.fontSize = "1.35rem"; dbutton.innerHTML = `<div id="nfdownload" title="הורדת הסרטון למחשב (דרך האתר videowload.ml)" style="align-items: center; line-height: 2.5"><a style="color :black; text-decoration: none; display: inline-block;" href="${dlink}" target="_blank"><img src="https://github.com/chaim-chv/files-sending-for-netfree-users/raw/master/1.png" width="100" height="38"></a></div>`; document .querySelector("ytd-menu-renderer #top-level-buttons") .appendChild(dbutton); } }); observer.observe(document, { attributes: true, childList: true, subtree: true, });תודה לניק someuser מפורום נטפרי על תרומתו ל"פיתוח" הסקריפט. בזכותו התייתר שלב ארוך וטיפשי בפעולת הסקריפט בגרסא הראשונה. כרגע הסקריפט מאזין לשינוי בקיום האלמנט הנצרך להוספת הכפתור (""ytd-menu-renderer #top-level-buttons"") וברגע שהוא קיים הוא מבצע את פעולת הוספת הכפתור.
אז איך מוסיפים את הקוד הזה לtampermonkey?
בtampermonkey יש הגדרות נוספות מלבד לכתוב את הסקריפט עצמו. צריך להגדיר באיזה אתרים ירוץ הסריפט, מתי, ואיזה הרשאות יהיו לו וכו'.
אבל במקום לכתוב את זה לבד תוכלו להתקין את הסקריפט מוכן לחלוטין לtampermonkey בלחיצה אחת:להתקנת הסקריפט על הדפדפן שלכם לחצו כאן
בחלון שייפתח לחצו על install.
שימו לב
קודם תתקינו את tampermonkey בדפדפן שלכם (קישורי התקנה למעלה ) ורק אז תלחצו על זה.זה יוצר כפתור הורדה כזה:
בהצלחה!! לשאלות נוספות תכתבו כאן.
-
עריכה: כרגע לא עובד
תגובה: תוסף | הורדה מיוטיוב דרך videownload.ml (נטפרי
) | כרום\פיירפוקסבאשכול הזה
הבאתי תוסף שבלחיצה עליו יורד הסרטון דרך פלטפורמה שנבנתה להורדת סרטוני יוטיוב בנטפרי.בעיקרון - כל זה ממש מיותר למי שיודע איך מריצים סקריפטים בצורה אוטומטית בדפדפן.
אני אסביר: (אזהרה היה לי זמן אז כתבתי קצת ארוך ) כל אחד מכיר את ה"סימניות" האלו שמוסיפים קוד ארוךךך לכתובת האתר של סימניה, ואז כשילחצו על הסימניה - היא תבצע איזו פעולה באתר הנוכחי.איך זה עובד? ככה: כל אתר בנוי משלוש מרכיבים: HTML, CSS, ו-JS (javascript). הJS זה החלק של כל הצד התיכנותי של האתר. זו שפת תוכנה שמשתמשים בה בעיקר באתרי אינטרנט והיא השפה הפופלרית ביותר בעולם בתיכנות (עד כמה שאפשר למדוד כזה דבר. לוגית - המשפט הזה שגוי).
בכל אתר שאתם נמצאים, אתם יכולים לשלוח פקודות בJS לאתר. עושים את זה פשוט דרך ה"קונסול" - console של הדפדפן: לוחצים F12 נכנסים לכרטיסיה console, כותבים מה שאתם רוצים ולוחצים ctrl+enter.
מה שקורה כשאתם לוחצים על ה"סימניה" זה פשוט הרצה של הקוד JS שנמצא אחרי המילה javascript: שבתחילת הכתובת אתר של הסימניה (המילה הזאת נועדה, כמובן, להראות לדפדפן שמדובר בפקודת JS ולא בכתובת של אתר, לדוגמא).
הבעיה בכל הסיפור הזה, בתכלס, זה שכל פעם תצטרכו ללחוץ על הסימניה\להקליד את הפקודה בקונסול. וזה מרגיז - אנחנו רוצים שהכפתור הורדה (לדוגמא) ייכנס אוטומטית ליוטיוב. וגם - זה תופס מקום בסרגל הסימניות. מה עושים?
בדיוק בשביל זה נוצר - מי שלא הכיר: tampermonkey
.
התקנה בכרום
התקנה בפיירפוקסזה תוסף שמריץ אוטומטית את הסקריפטים שמזינים לו, לפי הגדרות וכו' באתרים שהוגדרו.
כל מי שמתחיל להתעסק קצת עם ווב - חייב להיות לו דבר ראשון את התוסף הזה (אני חושב שזה מותקן כברירת מחדל בכרום).במקרה שלנו - מדובר על סקריפט ליצירת כפתור "הורדה" ביוטיוב.
יש כבר כמה "סימניות" שרצות עם סקריפטים כאלו, הכי מוכר זה משום מה זה - http://forum.netfree.link/post/85648. (זה מוריד בצורה פשוטה על ידי פריקה של stremingData. השורה הכי קריטית בקוד הארוך הזה (יותר מידי ארוך.. כל האורך בשביל שיהיה סמל עם חץ למטה ליד המילה "הורדה"..) היא זו:
const formats = JSON.parse(ytplayer.config.args.player_response).streamingData.formats;זה מוציא מהנגן את כתובת ההורדה של הניגון הנוכחי)אני לא יודע מה יותר טוב - להוריד עם זה או דרך videownload. בכל אופן עשיתי סקריפט קצר שיוצר כפתור הורדה דרך videownload. הנה הסקריפט:
const observer = new MutationObserver(() => { if (document.querySelector("ytd-menu-renderer #top-level-buttons")) { observer.disconnect(); const video_id = new URLSearchParams(new URL(location).search).get("v"); const dlink = "https://videownload.ml/download/https://youtu.be/" + video_id; const dbutton = document.createElement("div"); dbutton.style.fontSize = "1.35rem"; dbutton.innerHTML = `<div id="nfdownload" title="הורדת הסרטון למחשב (דרך האתר videowload.ml)" style="align-items: center; line-height: 2.5"><a style="color :black; text-decoration: none; display: inline-block;" href="${dlink}" target="_blank"><img src="https://github.com/chaim-chv/files-sending-for-netfree-users/raw/master/1.png" width="100" height="38"></a></div>`; document .querySelector("ytd-menu-renderer #top-level-buttons") .appendChild(dbutton); } }); observer.observe(document, { attributes: true, childList: true, subtree: true, });תודה לניק someuser מפורום נטפרי על תרומתו ל"פיתוח" הסקריפט. בזכותו התייתר שלב ארוך וטיפשי בפעולת הסקריפט בגרסא הראשונה. כרגע הסקריפט מאזין לשינוי בקיום האלמנט הנצרך להוספת הכפתור (""ytd-menu-renderer #top-level-buttons"") וברגע שהוא קיים הוא מבצע את פעולת הוספת הכפתור.
אז איך מוסיפים את הקוד הזה לtampermonkey?
בtampermonkey יש הגדרות נוספות מלבד לכתוב את הסקריפט עצמו. צריך להגדיר באיזה אתרים ירוץ הסריפט, מתי, ואיזה הרשאות יהיו לו וכו'.
אבל במקום לכתוב את זה לבד תוכלו להתקין את הסקריפט מוכן לחלוטין לtampermonkey בלחיצה אחת:להתקנת הסקריפט על הדפדפן שלכם לחצו כאן
בחלון שייפתח לחצו על install.
שימו לב קודם תתקינו את tampermonkey בדפדפן שלכם (קישורי התקנה למעלה ) ורק אז תלחצו על זה.זה יוצר כפתור הורדה כזה:
בהצלחה!! לשאלות נוספות תכתבו כאן.
@chv וואו...
יש דרך לעשות לעשות את אותו הדבר רק עם הסימניה הנ"ל?יישומים לנוקיה C2 ו208-https://mitmachim.top/topic/1889/משחקים-לנוקיה-c2-ו208-קבצי-jar/40
צילום מסך בנוקיה C2 (ע"י חיבור למחשב)-https://mitmachim.top/topic/3488/צילום-מסך-בנוקיה-c2 -
@chv וואו...
יש דרך לעשות לעשות את אותו הדבר רק עם הסימניה הנ"ל? -
@chv תודה לך על היוזמה...
אני התקנתי כמו שהדרכת
זה מופיע בהתקנה בכרום אך לא מופיע בעמוד של היוטיוב
מה עושים??? -
@chv אז איך אפשר לעשות את זה?
תודהיישומים לנוקיה C2 ו208-https://mitmachim.top/topic/1889/משחקים-לנוקיה-c2-ו208-קבצי-jar/40
צילום מסך בנוקיה C2 (ע"י חיבור למחשב)-https://mitmachim.top/topic/3488/צילום-מסך-בנוקיה-c2 -
@אנונימוס אמר ביוטיוב | הוספת כפתור "הורדה" באופן אוטומטי מתחת לוידאו | JS+tampermonkey:
@chv תודה לך על היוזמה...
אני התקנתי כמו שהדרכת
זה מופיע בהתקנה בכרום אך לא מופיע בעמוד של היוטיוב
מה עושים???אולי לא רעננת את העמוד?
-
@אנונימוס
מה הבעיה שלך, תלחץ Reinstall -
@אנונימוס
מה הבעיה שלך, תלחץ Reinstall@מתחיל-מומחה לחצתי זה לא נותן .
-
-
@chv
התקנתי אצלי, עובד לי ממש מעולה!
אין לך מושג כמה אתה עוזר לפעמים לאנשים.... אני משתמש עם זה על בסיס כמעם יומיומי, וזה מאוד מאוד עוזר. יישר כח!אולי ניתן לבקש מנטפרי שירכיבו את זה באופן קבוע לכל מי שמחובר לנטפרי?
@מטעמים בהחלט אפשרי לנטפרי לעשות את זה.
זה יכול להיות מעולה. (זה לא עובד ש"ירכיבו את זה". זה ממש פשוט, כל דף אינטרנט מגיע אליך ערוך על ידי נטפרי עם כמה הוספות חשובות.. זה שתי שניות בשבילם לכאורה)
זכור לי שפעם היה כזה דבר באמת לכל משתמשי נטפרי. מעניין למה זה ירד. -
@מטעמים בהחלט אפשרי לנטפרי לעשות את זה.
זה יכול להיות מעולה. (זה לא עובד ש"ירכיבו את זה". זה ממש פשוט, כל דף אינטרנט מגיע אליך ערוך על ידי נטפרי עם כמה הוספות חשובות.. זה שתי שניות בשבילם לכאורה)
זכור לי שפעם היה כזה דבר באמת לכל משתמשי נטפרי. מעניין למה זה ירד. -
@ארי-וינר https://mitmachim.top/post/115132
 { const baseUrl = "https://www.google.co.il/search?q=site:mitmachim.top"; const m = location.pathname.match(/^\/(topic|category)\/(\d+)/); const type = m ? m[1] : null; const id = m ? m[2] : null; let searchInput; function search(path = "") { const query = searchInput.value.trim(); if (query) { window.open(`${baseUrl}${path}%20${encodeURIComponent(query)}`, "_blank"); } } let buttons = {}; buttons.searchAll = { id: "bb-search-all", label: `חיפוש ${type ? "בכל הפורום" : ""}`, className: type ? "btn-secondary" : "btn-primary", callback: () => search(), }; if (type === "topic") { buttons.searchTopic = { label: "חיפוש בנושא זה", className: "btn-primary", callback: () => search(`/topic/${id}`), }; } else if (type === "category") { buttons.searchCategory = { label: "חיפוש בקטגוריה זו", className: "btn-primary", callback: () => search(`/category/${id}`), }; } buttons.cancel = { label: "ביטול", className: "btn-default", "data-bs-dismiss": "modal" }; const dialog = bootbox.dialog({ title: '<div style="text-align:center;"><img src="/assets/uploads/files/1625950269825-mt-google.png" width="400" alt="חיפוש בגוגל"></div>', message: '<input id="bb-inp" class="bootbox-input bootbox-input-text form-control" placeholder="הקלידו כדי לחפש בגוגל" autocomplete="off"/>', buttons, backdrop: true, show: true, onEscape: true }); dialog.on("shown.bs.modal", function () { searchInput = document.getElementById("bb-inp"); if (searchInput) { searchInput.focus(); searchInput.addEventListener("keydown", function (e) { if (e.key === "Enter") { e.preventDefault(); const query = this.value.trim(); if (query) { search(); dialog.modal("hide"); } } else if (e.key === "Escape") { e.preventDefault(); dialog.modal("hide"); } }); } const searchAllButton = document.getElementById("bb-search-all"); if (searchAllButton) { searchAllButton.title = "לחצו על אנטר כדי לחפש"; } }); })(); void 0;){kind=link}