Home-theater-designers
אם אתה רוצה שמבקרי האתר שלך יהנו מקובץ MP3, אחת הדרכים הקלות ביותר לעשות זאת היא להטמיע אותו בדף. עם נגן MP3 מוטבע, המבקרים לא צריכים להוריד ישירות את השמע או להשתמש בתוכנות נוספות מכיוון שהוא מנגן באופן מוטבע.
אנו נפרט שיטות שונות בהן תוכל להשתמש להטמעת MP3 באתר שלך, כולל שימוש ב- HTML5 וב- Google Drive.
1. הטמעת MP3 באתר שלך באמצעות HTML5
אם נוח לך לערוך את קוד האתר שלך, אחת הדרכים הקלות ביותר להטמעת קובץ MP3 היא שימוש ב- HTML5.
HTML5 התג עשוי להיראות בסיסי ממבט ראשון, אך הוא עוצמתי מכיוון שהוא תואם את כל הדפדפנים הגדולים של שולחן העבודה והנייד.
כדי להטביע MP3 עם HTML5, השתמש בקוד הבא:
Your browser does not support the audio tag.פשוט להחליף כתובת אתר MP3 כאן עם קובץ השמע שהעלית. זה לא יכול להיות קובץ המאוחסן במחשב שלך; זה חייב להיות זמין באינטרנט.
לצאת ממכירת עסקים באינטרנט
קוד זה יציב נגן אודיו קטן בדף, שממנו המשתמש יכול לשחק, להשהות, לשפשף ולהתאים את עוצמת הקול. כך זה נראה בפיירפוקס:
קוד זה כולל גם הודעה שתוצג במקום נגן המדיה, במקרה הבלתי סביר שדפדפן המשתמש אינו תומך בנגן.
אתה יכול ליישם תכונות כגון הפעלה אוטומטית ו לוּלָאָה , ככה:
Your browser does not support the audio tag.זכור שרוב הדפדפנים לא יתמכו בהפעלה אוטומטית מכיוון שזה נחשב למנהג גרוע לכפות אוטומטית אודיו על משתמשים.
ניתן להחיל התאמה אישית בסיסית על בלוק נגן האודיו באמצעות CSS, כמו גבול ו ריפוד . עם זאת, יהיה עליך להשתמש ב- JavaScript כדי לעצב את הנגן עצמו כראוי כך שיהיה עקבי בין הדפדפנים.
מידע נוסף אודות תכונות נגן האודיו HTML5 והתאמה אישית ניתן למצוא באתר מסמכי אינטרנט של MDN .
קיצור מקשים לשינה חלונות 10
קָשׁוּר: אפקטים HTML מגניבים שכל אחד יכול להוסיף לאתרים שלו
2. הטמע MP3 באתר שלך באמצעות Google Drive
Google Drive הוא ספק אחסון ענן מעולה וחופשי . אתה יכול להשתמש בו כדי להעלות את קובץ ה- MP3 שלך וליצור נגן שמע.
כאשר ה- MP3 מועלה ל- Google Drive:
- מקש ימני הקובץ ולחץ קבל קישור .
- שנה את הגבלת הנגישות ל כל אחד עם הקישור .
- לבסוף, לחץ העתק קישור .
זה ייתן לך כתובת URL דומה לזה:
https://drive.google.com/file/d/123/view?usp=sharingהחלף הצג? usp = שיתוף עם תצוגה מקדימה , ככה:
https://drive.google.com/file/d/123/previewלאחר מכן, השתמש ב- אתה יכול לשנות, להוסיף או להסיר את התכונות (כמו גבול המסגרת ו רוֹחַב ) כנדרש. פעולה זו תטמיע את ה- MP3 באתר שלך באמצעות נגן Google Drive. משתמשים יכולים לשחק, לשפשף ולהתאים את עוצמת הקול, בדיוק כמו עם נגן HTML5. כך זה נראה: ההבדל העיקרי הוא נוכחותו של א לצאת החוצה לַחְצָן. פעולה זו פותחת את ה- MP3 ב- Google Drive, שם משתמשים יכולים להוסיף הערות, לשתף את הקובץ ועוד. אם אתה משתמש במערכת ניהול תוכן (CMS) לאתר שלך, סביר להניח שאתה עדיין יכול להשתמש בשיטות שלמעלה. עם זאת, ייתכן שלא נוח לך לערוך קוד HTML. כל CMS טוב יאפשר לך להוסיף אודיו לאתר שלך בקלות באמצעות הממשק שלו. לדוגמה, ב- WordPress, אתה פשוט צריך להוסיף בלוק , בחר שֶׁמַע , ואז גם העלה MP3, בחר אותו מתוך שלך ספריית מדיה , או הכנס מ- URL . בין אם אתה משתמש ב- Google Sites, ExpressionEngine או בשירות כמו Squarespace, תהליך הוספת השמע הולך להיות מעט שונה, לכן הקפד להתייעץ עם תיעוד העזרה של החברה לקבלת הנחיות מלאות. באמצעות אחת מהשיטות שלעיל, מבקרי האתר שלך יוכלו להאזין כעת לקבצי MP3 באמצעות נגן מדיה בקלות. עם זאת, לא תמיד אתה צריך להשתמש בקבצי MP3. ישנם הרבה פורמטי אודיו נפוצים אחרים, כמו WAV ו- FLAC, שתוכלו לשחק באותה מידה גם באתר שלך. אתה יודע על MP3, אבל מה עם AAC, FLAC, OGG או WMA? מדוע קיימים כל כך הרבה פורמטים של קובצי שמע והאם יש פורמט שמע הטוב ביותר? ג'ו נולד עם מקלדת בידיו ומיד התחיל לכתוב על טכנולוגיה. הוא בעל תואר ראשון (Hons) בעסקים וכיום הוא כותב עצמאי במשרה מלאה שנהנה להפוך את הטכנולוגיה לפשוטה לכולם. הצטרף לניוזלטר שלנו לקבלת טיפים, סקירות, ספרים אלקטרוניים בחינם ומבצעים בלעדיים!3. הטמע MP3 באתר שלך באמצעות CMS
כיצד להפוך לולאת שקופיות של גוגל ללא פרסום
תנו למבקרים שלכם להאזין לקבצי MP3 בקלות
על הסופר ג'ו קילי(652 מאמרים פורסמו) הירשם לניוזלטר שלנו