שיתוף | אתר ואפליקציה חדש וחינמי לשמיעה והורדה של כל השירים החדשים — מוזמנים לנסות ולהעיר
-
תקשיבו, מגיע שאפו ענק ל @עמק-שיחה!
תוך כמה שעות, והאתר והאפליקציה עודכנו והישתדרגו מאוד!
עברתי על כל האתר והוא פשוט ניהיה חוויה
תודה רבה, מערכים מאוד.בעקבות שראיתי שיש תוצאה למאמץ הכתיבה שלי של ההצעות יעול, אני יכתוב בשמחה עוד כמה דברים שראיתי שניתן לשפר.
למולטימדיות:
1 - שיתמוך באופן מלא בMediaSession כך שהשירים יופיעו כמו כל אפליקציה רגילה במסך המדיה של המולטימדיה, (ונראה לי זה נצרך גם בשביל כל פלאפון), זה יגרום לזה שניתן יהיה לשלוט בשירים גם במצב נגינה ברקע, (שהאפליקציה לא בפרונט).
2 - באופן כללי, להוסיף שליטה במקשים, אחורה, קדימה, פליי ועצירה, וכו.
3 - כתבתי את זה בהודעה הקודמת, ועדיין חושב שזה מאוד נצרך, אפשרות לסנן מה יוצג למשתמש באתר, או רק שירים שיש כבר באתר, או גם שירים שמקורם מסרטוני יוטיוב, במולטימדיה זה ממש מכביד ומאט את הפתיחה של כל שיר שמגיע מיוטיוב, אז עדיף שיהיה לבחירת המשתמש.
4 - גם קשור ליוטיוב, יש בעיה באנדרואיד שעוברים לרקע - יוצאים מהאפליקציה, אם זה שיר מיוטיוב הוא ישר מפסיק, צריך להגדיר אותו שימשיך לנגן ברקע.ביקשתי מגימיני שיסביר את הבעיות שאני מתכוון אליהם בפן התכנותי בשביל שתבין מה אני מתכוון.
- שליטה וסנכרון בהתראת המדיה (MediaSession & Notification Lifecycle)
הבעיה: אין זיהוי וסנכרון של פקודות המשתמש מסרגל המדיה של המכשיר (כמו עצירה, העברת שירים, או הסרה/מחיקה של ההתראה מהמסך).
הפתרון: חיבור הנגן ל-Media3 MediaSession (או MediaSessionCompat) ומימוש קריאות חוזרות (Callbacks) מלאות. יש להגדיר טיפול מפורש באירוע הסרת ההתראה / סגירת האפליקציה (onTaskRemoved), כדי לאפשר עצירה נקייה וניקוי משאבי המערכת.
- ניגון ברקע (Background Playback & WebView Handling)
הבעיה: מעבר האפליקציה לרקע או כיבוי המסך מקפיא את ה-WebView ואת נגן היוטיוב, ועוצר את הניגון באופן יזום.
הפתרון: הרצת הנגן בתוך Foreground Service כדי למנוע מאנדרואיד להרדים את התהליך, בצרוף עקיפה/נטרול של אירוע visibilitychange ברמת ה-WebView כדי שנגן ה-JavaScript של יוטיוב לא יזהה שהמסך הוסתר.
5 - שבלחיצה על כל מקום ריק בסרגל המתנגן שיפתח המסך של מתנגן כעת.
6- ראיתי שהוספת המשך ניגון בכניסה, באתר הוא עובד מושלם, אבל באפליקציה הוא עובד חלקית, עדין לא תפסתי בדיוק מתי כן ומתי לא, אבל אולי נראה לי הכיוון שבכניסה האפליקציה מרעננת את הדף, ולכן הוא מבטל את ההמשך, אבל לא בטוח על זה. (סתם ככה לתשומת לבך שנראה לי שהמיקום של ההגדרה הזאת צריכה להיות בהגדרות שמיעה ולא בעיצוב).
7 - שיהיה אפשר לבטל או לשלוט בהצגת ההתראות, (כמו הפליילסט של הימים נוראים).
8 - שהמעבר בין מצבי צפייה בקליפ לאודיו או להיפך שיהיו מסונכרנים ככה שיעוברו לאותו מיקום שהתנגן, במקום שזה כרגע שתי ממשקים נפרדים.
9 - שלוחצים על השם של השיר בכרטיסייה של השיר, זה מעביר "לערוץ" של הזמר (ואגב, יש באג, שזה בתצוגה רגילה למרות שמוגדר ריבועים), וגם שלחוצים על השם של הזמר בכרטיס זה מעביר לאותם נתונים רק בעיצוב הרגיל, צריך לשקול אולי לוותר על אחד מהם.
10 - באג, מופיעה הודעת המשך מהשיר האחרון, לפעמים גם תוך כדי ששיר מתנגן (אפילו אותו שיר).עיצוב:
1 - יש באג שבכניסה לאפליקציה במצב שמוגדר ריבועים, אז הוא לשנייה מציג את המצב הרגיל, ואז עובר לריבועים.
2- שיהיה אפשרות לבחור מה להציג או תאריך עברי או תאריך לועזי (ולמי שרוצה גם פרשה..) ככה כל כרטיס של סרטון יהיה נקי יותר. כתבתי את זה בהודעה קודמת, וכנראה הבנת שהתכוונתי על השם של השיר - אבל ב"ה שהבנת ככה - כי זה גם פונקציה מושלמת!
3 - לשפר את הנראות של המסך של מתנגן כעת, לדוגמה להוסיף רשימה בצד שמאל או סרגל למטה של השירים הבאים, ככה שיהיה ניתן לעבור אליהם בלחיצה, להוסיף אפשרות לצפייה בקליפ גם באותו מסך, לסדר את העיגול של התמונה לסימטרי, או שפשוט לשים את התמונה יציבה וגדולה.פרויקטים מורכבים יותר..
1- להוסיף קטגוריה של השירים החמים, (כמו הסרטונים החמים ביוטיוב) שזה בעצם רק השירים החדשים, אבל הכי מושמעים ביחס לתאריך שהם יצאו. (כרגע בהכי מושמע יש גם הרבה שירים ישנים, ובמיקום של הסרטנים החדשים יש הרבה שירים של זמרים מתחילים או של ניגונים שלא באמת להיטים) צריך אולגירתם חכם שמזהה דפוסי השמעה לעומת תאריך יציאה ככה שלמשתמש יהיה אפשרות לשמוע רק את הלהיטים החדשים.
2 - אפשרות לסינון שירים - סרטונים שלא פתוחים בנטפרי שלא יוצגו באתר וככה לא נקבל כל פעם את השגיאה שיוטיוב חסום.
3 - בחירה האם להציג באתר רק שירים ווקאלים או רק רגילים או את שניהם. (מצב ווקאלי -כמו בכל האתרים המוכרים של המוזיקה).מצטער על האריכות.. אבל תבין שגם השקעתי המון זמן רק בשביל לכתוב את זה..
אבל זה בגלל שאני חושב שזה אתר שעומד להיות להיט!
אז שוב תודה רבה
ומקווה שוב שתקח את זה בתור הארות ולא הערות ח"ו, אשמח לדעת האם באמת עזרתי.. -
תקשיבו, מגיע שאפו ענק ל @עמק-שיחה!
תוך כמה שעות, והאתר והאפליקציה עודכנו והישתדרגו מאוד!
עברתי על כל האתר והוא פשוט ניהיה חוויה
תודה רבה, מערכים מאוד.בעקבות שראיתי שיש תוצאה למאמץ הכתיבה שלי של ההצעות יעול, אני יכתוב בשמחה עוד כמה דברים שראיתי שניתן לשפר.
למולטימדיות:
1 - שיתמוך באופן מלא בMediaSession כך שהשירים יופיעו כמו כל אפליקציה רגילה במסך המדיה של המולטימדיה, (ונראה לי זה נצרך גם בשביל כל פלאפון), זה יגרום לזה שניתן יהיה לשלוט בשירים גם במצב נגינה ברקע, (שהאפליקציה לא בפרונט).
2 - באופן כללי, להוסיף שליטה במקשים, אחורה, קדימה, פליי ועצירה, וכו.
3 - כתבתי את זה בהודעה הקודמת, ועדיין חושב שזה מאוד נצרך, אפשרות לסנן מה יוצג למשתמש באתר, או רק שירים שיש כבר באתר, או גם שירים שמקורם מסרטוני יוטיוב, במולטימדיה זה ממש מכביד ומאט את הפתיחה של כל שיר שמגיע מיוטיוב, אז עדיף שיהיה לבחירת המשתמש.
4 - גם קשור ליוטיוב, יש בעיה באנדרואיד שעוברים לרקע - יוצאים מהאפליקציה, אם זה שיר מיוטיוב הוא ישר מפסיק, צריך להגדיר אותו שימשיך לנגן ברקע.ביקשתי מגימיני שיסביר את הבעיות שאני מתכוון אליהם בפן התכנותי בשביל שתבין מה אני מתכוון.
- שליטה וסנכרון בהתראת המדיה (MediaSession & Notification Lifecycle)
הבעיה: אין זיהוי וסנכרון של פקודות המשתמש מסרגל המדיה של המכשיר (כמו עצירה, העברת שירים, או הסרה/מחיקה של ההתראה מהמסך).
הפתרון: חיבור הנגן ל-Media3 MediaSession (או MediaSessionCompat) ומימוש קריאות חוזרות (Callbacks) מלאות. יש להגדיר טיפול מפורש באירוע הסרת ההתראה / סגירת האפליקציה (onTaskRemoved), כדי לאפשר עצירה נקייה וניקוי משאבי המערכת.
- ניגון ברקע (Background Playback & WebView Handling)
הבעיה: מעבר האפליקציה לרקע או כיבוי המסך מקפיא את ה-WebView ואת נגן היוטיוב, ועוצר את הניגון באופן יזום.
הפתרון: הרצת הנגן בתוך Foreground Service כדי למנוע מאנדרואיד להרדים את התהליך, בצרוף עקיפה/נטרול של אירוע visibilitychange ברמת ה-WebView כדי שנגן ה-JavaScript של יוטיוב לא יזהה שהמסך הוסתר.
5 - שבלחיצה על כל מקום ריק בסרגל המתנגן שיפתח המסך של מתנגן כעת.
6- ראיתי שהוספת המשך ניגון בכניסה, באתר הוא עובד מושלם, אבל באפליקציה הוא עובד חלקית, עדין לא תפסתי בדיוק מתי כן ומתי לא, אבל אולי נראה לי הכיוון שבכניסה האפליקציה מרעננת את הדף, ולכן הוא מבטל את ההמשך, אבל לא בטוח על זה. (סתם ככה לתשומת לבך שנראה לי שהמיקום של ההגדרה הזאת צריכה להיות בהגדרות שמיעה ולא בעיצוב).
7 - שיהיה אפשר לבטל או לשלוט בהצגת ההתראות, (כמו הפליילסט של הימים נוראים).
8 - שהמעבר בין מצבי צפייה בקליפ לאודיו או להיפך שיהיו מסונכרנים ככה שיעוברו לאותו מיקום שהתנגן, במקום שזה כרגע שתי ממשקים נפרדים.
9 - שלוחצים על השם של השיר בכרטיסייה של השיר, זה מעביר "לערוץ" של הזמר (ואגב, יש באג, שזה בתצוגה רגילה למרות שמוגדר ריבועים), וגם שלחוצים על השם של הזמר בכרטיס זה מעביר לאותם נתונים רק בעיצוב הרגיל, צריך לשקול אולי לוותר על אחד מהם.
10 - באג, מופיעה הודעת המשך מהשיר האחרון, לפעמים גם תוך כדי ששיר מתנגן (אפילו אותו שיר).עיצוב:
1 - יש באג שבכניסה לאפליקציה במצב שמוגדר ריבועים, אז הוא לשנייה מציג את המצב הרגיל, ואז עובר לריבועים.
2- שיהיה אפשרות לבחור מה להציג או תאריך עברי או תאריך לועזי (ולמי שרוצה גם פרשה..) ככה כל כרטיס של סרטון יהיה נקי יותר. כתבתי את זה בהודעה קודמת, וכנראה הבנת שהתכוונתי על השם של השיר - אבל ב"ה שהבנת ככה - כי זה גם פונקציה מושלמת!
3 - לשפר את הנראות של המסך של מתנגן כעת, לדוגמה להוסיף רשימה בצד שמאל או סרגל למטה של השירים הבאים, ככה שיהיה ניתן לעבור אליהם בלחיצה, להוסיף אפשרות לצפייה בקליפ גם באותו מסך, לסדר את העיגול של התמונה לסימטרי, או שפשוט לשים את התמונה יציבה וגדולה.פרויקטים מורכבים יותר..
1- להוסיף קטגוריה של השירים החמים, (כמו הסרטונים החמים ביוטיוב) שזה בעצם רק השירים החדשים, אבל הכי מושמעים ביחס לתאריך שהם יצאו. (כרגע בהכי מושמע יש גם הרבה שירים ישנים, ובמיקום של הסרטנים החדשים יש הרבה שירים של זמרים מתחילים או של ניגונים שלא באמת להיטים) צריך אולגירתם חכם שמזהה דפוסי השמעה לעומת תאריך יציאה ככה שלמשתמש יהיה אפשרות לשמוע רק את הלהיטים החדשים.
2 - אפשרות לסינון שירים - סרטונים שלא פתוחים בנטפרי שלא יוצגו באתר וככה לא נקבל כל פעם את השגיאה שיוטיוב חסום.
3 - בחירה האם להציג באתר רק שירים ווקאלים או רק רגילים או את שניהם. (מצב ווקאלי -כמו בכל האתרים המוכרים של המוזיקה).מצטער על האריכות.. אבל תבין שגם השקעתי המון זמן רק בשביל לכתוב את זה..
אבל זה בגלל שאני חושב שזה אתר שעומד להיות להיט!
אז שוב תודה רבה
ומקווה שוב שתקח את זה בתור הארות ולא הערות ח"ו, אשמח לדעת האם באמת עזרתי..@יוסף-כהן-2 תודה רבה על כל הארות עוזר מאוד
בעז"ה אני יסדר את זה (גם אני רוצה שזה יהיה האתר הכי להיט)
שוב תודה על שהקדשך כל כך הרבה לכתוב ולדווג זה דברים שלבד לא הייתי עולה על זה -
@יוסף-כהן-2 תודה רבה על כל הארות עוזר מאוד
בעז"ה אני יסדר את זה (גם אני רוצה שזה יהיה האתר הכי להיט)
שוב תודה על שהקדשך כל כך הרבה לכתוב ולדווג זה דברים שלבד לא הייתי עולה על זה -
@עמק-שיחה
אני לא רואה ששירים עם קליפ עולים כאודיו,
זה ידני או אוטומטי? -
@עמק-שיחה
אני לא רואה ששירים עם קליפ עולים כאודיו,
זה ידני או אוטומטי? -
כי זה אתר בעלמא ללא נגן עצמאי
-
@mma כי כנראה מה שהדלקת זה היה שיר שמבוסס על סרטון יוטיוב, ובגלל שהאפליקציה מבוססת אתר, אז זה כמו בדפדפן באנדרואיד, כשיוצאים מהדפדפן זה מפסיק לעבוד, אלא א"כ אתה מגדיר "לגרסה במחשב".
תבדוק בשירים אחרים שכבר העלו לאתר תראה שעובד גם ברקע.
ובשביל לפתור את הבעיה הזאת בדיוק, הצעתי ל @עמק-שיחה לבוסס את האפליקציה על נגן מדיה,
זה נראה שהוא עובד חזק, וכל יום נוסף המון שיפורים ופיצ'רים חדשים, זה כנראה יגיע גם בקרוב..
שלום! נראה שהשיחה הזו מעניינת אותך, אבל עדיין אין לך חשבון.
נמאס לכם לגלול בין אותם הפוסטים בכל ביקור? כשנרשמים לחשבון, תמיד תחזרו בדיוק למקום שבו הייתם קודם, ותוכלו לבחור לקבל התראות על תגובות חדשות (בין אם במייל, ובין אם בהתראת פוש). תוכלו גם לשמור סימניות ולפרגן ב-upvote לפוסטים כדי להביע הערכה לחברי קהילה אחרים.
בעזרת התרומה שלך, הפוסט הזה יכול להיות אפילו טוב יותר 💗
הרשמה התחברות { 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}