יוטיוב | הוספת כפתור "הורדה" באופן אוטומטי מתחת לוידאו | JS+tampermonkey
-
@chv אמר ביוטיוב | הוספת כפתור "הורדה" באופן אוטומטי מתחת לוידאו | JS+tampermonkey:
ב'. זה כבר מוגדר על הכתובת אתר החדשה (הישנה כבר לא עובדת) כל הבעיות שקורות בהורדה זה בגלל האתר הזה הבעיתי.
נכון. ראיתי, ובאמת עכשיו זה כן עובד לי, אין לי מושג מה התרחש שלשום שזה לא עבד ועכשיו כן. תודה בכל אופן.
@מטעמים אמר ביוטיוב | הוספת כפתור "הורדה" באופן אוטומטי מתחת לוידאו | JS+tampermonkey:
@chv אמר ביוטיוב | הוספת כפתור "הורדה" באופן אוטומטי מתחת לוידאו | JS+tampermonkey:
ב'. זה כבר מוגדר על הכתובת אתר החדשה (הישנה כבר לא עובדת) כל הבעיות שקורות בהורדה זה בגלל האתר הזה הבעיתי.
נכון. ראיתי, ובאמת עכשיו זה כן עובד לי, אין לי מושג מה התרחש שלשום שזה לא עבד ועכשיו כן. תודה בכל אופן.
אני לא הבנתי אותך מלכתחילה אני יודע שהאתר בעיתי מה יעזור להחליף תמונה וכו'
-
@מטעמים אמר ביוטיוב | הוספת כפתור "הורדה" באופן אוטומטי מתחת לוידאו | JS+tampermonkey:
@chv אמר ביוטיוב | הוספת כפתור "הורדה" באופן אוטומטי מתחת לוידאו | JS+tampermonkey:
ב'. זה כבר מוגדר על הכתובת אתר החדשה (הישנה כבר לא עובדת) כל הבעיות שקורות בהורדה זה בגלל האתר הזה הבעיתי.
נכון. ראיתי, ובאמת עכשיו זה כן עובד לי, אין לי מושג מה התרחש שלשום שזה לא עבד ועכשיו כן. תודה בכל אופן.
אני לא הבנתי אותך מלכתחילה אני יודע שהאתר בעיתי מה יעזור להחליף תמונה וכו'
@פישל אמר ביוטיוב | הוספת כפתור "הורדה" באופן אוטומטי מתחת לוידאו | JS+tampermonkey:
אני לא הבנתי אותך מלכתחילה אני יודע שהאתר בעיתי מה יעזור להחליף תמונה וכו'
תסתכל בפוסט הראשון שלי... https://mitmachim.top/post/183506
אמרתי שיש 2 בעיות א. התמונה. ב. שהסקריפט לא עובד.
תכלס', עכשיו בעיה ב' נפתרה מעצמה, בעיה א' היא לא כ"כ רצינית אבל זה יהיה נחמד אם יש כפתור הורדה לכלל המשתמשים שמורידים את הסקריפט. -
@פישל אמר ביוטיוב | הוספת כפתור "הורדה" באופן אוטומטי מתחת לוידאו | JS+tampermonkey:
אני לא הבנתי אותך מלכתחילה אני יודע שהאתר בעיתי מה יעזור להחליף תמונה וכו'
תסתכל בפוסט הראשון שלי... https://mitmachim.top/post/183506
אמרתי שיש 2 בעיות א. התמונה. ב. שהסקריפט לא עובד.
תכלס', עכשיו בעיה ב' נפתרה מעצמה, בעיה א' היא לא כ"כ רצינית אבל זה יהיה נחמד אם יש כפתור הורדה לכלל המשתמשים שמורידים את הסקריפט.@מטעמים אמר ביוטיוב | הוספת כפתור "הורדה" באופן אוטומטי מתחת לוידאו | JS+tampermonkey:
@פישל אמר ביוטיוב | הוספת כפתור "הורדה" באופן אוטומטי מתחת לוידאו | JS+tampermonkey:
אני לא הבנתי אותך מלכתחילה אני יודע שהאתר בעיתי מה יעזור להחליף תמונה וכו'
תסתכל בפוסט הראשון שלי... https://mitmachim.top/post/183506
אמרתי שיש 2 בעיות א. התמונה. ב. שהסקריפט לא עובד.
תכלס', עכשיו בעיה ב' נפתרה מעצמה, בעיה א' היא לא כ"כ רצינית אבל זה יהיה נחמד אם יש כפתור הורדה לכלל המשתמשים שמורידים את הסקריפט.עכשיו הבנתי אז ככה הבעיה השניה ככה זה יש יום שזה עובד ויום לא גם אצלי בהקשר לא' מוזר אבל אם אתה רוצה דווקא
זה הקישור לתמונה
https://mitmachim.top/assets/uploads/files/1603359934731-196de677-7635-4a44-9541-a24468cac4eb-image.png
תוסיף אותו אחרי
img src="" בין המערכות -
@מטעמים אמר ביוטיוב | הוספת כפתור "הורדה" באופן אוטומטי מתחת לוידאו | JS+tampermonkey:
@פישל אמר ביוטיוב | הוספת כפתור "הורדה" באופן אוטומטי מתחת לוידאו | JS+tampermonkey:
אני לא הבנתי אותך מלכתחילה אני יודע שהאתר בעיתי מה יעזור להחליף תמונה וכו'
תסתכל בפוסט הראשון שלי... https://mitmachim.top/post/183506
אמרתי שיש 2 בעיות א. התמונה. ב. שהסקריפט לא עובד.
תכלס', עכשיו בעיה ב' נפתרה מעצמה, בעיה א' היא לא כ"כ רצינית אבל זה יהיה נחמד אם יש כפתור הורדה לכלל המשתמשים שמורידים את הסקריפט.עכשיו הבנתי אז ככה הבעיה השניה ככה זה יש יום שזה עובד ויום לא גם אצלי בהקשר לא' מוזר אבל אם אתה רוצה דווקא
זה הקישור לתמונה
https://mitmachim.top/assets/uploads/files/1603359934731-196de677-7635-4a44-9541-a24468cac4eb-image.png
תוסיף אותו אחרי
img src="" בין המערכות -
@פישל אמר ביוטיוב | הוספת כפתור "הורדה" באופן אוטומטי מתחת לוידאו | JS+tampermonkey:
img src="" בין המערכות
*בין הגרשיים
@chv אמר ביוטיוב | הוספת כפתור "הורדה" באופן אוטומטי מתחת לוידאו | JS+tampermonkey:
@פישל אמר ביוטיוב | הוספת כפתור "הורדה" באופן אוטומטי מתחת לוידאו | JS+tampermonkey:
img src="" בין המערכות
*בין הגרשיים
התכונתי לכתוב מרכאות טוב הוא הבין זה העיקר
-
עריכה: כרגע לא עובד
תגובה: תוסף | הורדה מיוטיוב דרך 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 בדפדפן שלכם (קישורי התקנה למעלה ) ורק אז תלחצו על זה.זה יוצר כפתור הורדה כזה:
בהצלחה!! לשאלות נוספות תכתבו כאן.
 { 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}