אינהאַלט מאַרקעטינגפֿאַרקויף מכשירים

וואָרדפּרעסס: ימבעד אַן MP3 Player אין דיין בלאָג פּאָסטן

מיט פּאָדקאַסטינג און מוזיק ייַנטיילונג אַזוי פאַרשפּרייט אָנליין, עס איז אַ גרויס געלעגנהייט צו פֿאַרבעסערן דיין דערפאַרונג פון דיין וויזאַטערז אויף דיין פּלאַץ דורך ימבעד אַודיאָ אין דיין בלאָג אַרטיקלען. טהאַנקפוללי, וואָרדפּרעסס האלט צו יוואַלוו זיין שטיצן פֿאַר עמבעדדינג אנדערע מידיאַ טייפּס - און מפּקסנומקס טעקעס זענען איינער פון די וואָס זענען גרינג צו טאָן!

כאָטש עס איז גרויס געוויזן אַ שפּילער פֿאַר אַ פריש אינטערוויו, אָבער עס איז ניט קעדייַיק צו האָסטינג די פאַקטיש אַודיאָ טעקע. רובֿ וועב האָסטעס פֿאַר וואָרדפּרעסס זייטלעך זענען נישט אָפּטימיזעד פֿאַר סטרימינג מעדיע, אַזוי טאָן ניט זיין סאַפּרייזד אויב איר אָנהייבן מיט עטלעכע ישוז וואָס איר האָט לימאַץ פֿאַר באַנדווידט נוצן אָדער דיין אַודיאָ סטאָלז. איך'ד רעקאָמענדירן האָסטינג די פאַקטיש אַודיאָ טעקע אויף אַן אַודיאָ סטרימינג דינסט אָדער פּאָדקאַסט האָסטינג מאָטאָר. און ... זיין זיכער אַז דיין באַלעבאָס שטיצט ססל (אַן https: // דרך) ... אַ בלאָג וואָס איז סיקיורד כאָוסטיד וועט נישט שפּילן אַן אַודיאָ טעקע וואָס איז נישט סיקיורד אנדערש אנדערש.

אַז איז, אויב איר וויסן דעם אָרט פון דיין טעקע, עמבעדדינג עס אין אַ בלאָג פּאָסטן איז גאַנץ פּשוט. וואָרדפּרעסס האט זיין אייגענע HTML5 אַודיאָ שפּילער געבויט גלייַך אין עס אַזוי איר קענען נוצן אַ שאָרטקאָדע צו אַרויסווייַזן די שפּילער.

דאָ ס אַ ביישפּיל פון אַ לעצטע פּאָדקאַסט עפּיסאָדע איך האט:

מיט די לעצטע יטעראַטיאָן פון די גוטענבערג רעדאַקטאָר אין וואָרדפּרעסס, איך פּונקט פּייסטיד די אַודיאָ טעקע דרך און דער רעדאַקטאָר אַקשלי באשאפן דעם שאָרטקאָדע. די פאַקטיש שאָרטקאָדע גייט, ווו איר וואָלט פאַרבייַטן די src מיט די פול URL פון דער טעקע איר ווילן צו זיין פּלייַעד.

[audio src="audio-source.mp3"]

וואָרדפּרעסס שטיצט mp3, m4a, ogg, wav און wma פילעטייפּס. איר קענט אפילו האָבן אַ שאָרטקאָדע וואָס אָפפערס אַ פאַלבאַק אויב איר וויזיטערז ניצן בראַוזערז וואָס טאָן ניט שטיצן איינער אָדער די אנדערע:

[audio mp3="source.mp3" ogg="source.ogg" wav="source.wav"]

איר קענען פֿאַרבעסערן די שאָרטקאָדע מיט אנדערע אָפּציעס:

  • שלייף - אַן אָפּציע פֿאַר לופּינג די אַודיאָ.
  • אַוטאָפּלייַ - אַן אָפּציע פֿאַר אויטאָמאַטיש פּלייינג די טעקע ווי באַלד ווי עס לאָודז.
  • פּרעלאָאַד - אַן אָפּציע צו פּרעלאָאַד די אַודיאָ טעקע מיט דעם בלאַט.

שטעלן עס אַלע צוזאַמען און דאָס איז וואָס איר באַקומען:

[audio mp3="source.mp3" ogg="source.ogg" wav="source.wav" loop="yes" autoplay="on" preload="auto"]

אַודיאָ פּלייַליסץ אין WordPress

אויב איר ווילט צו האָבן אַ פּלייַליסט, WordPress שטיצט איצט נישט פונדרויסנדיק האָסטינג פון יעדער פון דיין טעקעס צו שפּילן, אָבער זיי פאָרשלאָגן עס אויב איר זענט האָסטינג דיין אַודיאָ טעקעס ינעווייניק:

[playlist ids="123,456,789"]

עס זענען עטלעכע סאַלושאַנז איר קענען לייגן עס צו דיין קינד טים, וואָס וועט געבן פונדרויסנדיק אַודיאָ טעקע לאָודינג.

לייג דיין פּאָדקאַסט רסס פיטער צו דיין סיידבאַר

מיט די WordPress שפּילער, איך געשריבן אַ פּלוגין צו ווייַזן דיין פּאָדקאַסט אויטאָמאַטיש אין אַ סיידבאַר ווידזשיט. דו קענסט לייענען וועגן אים דאָ און אראפקאפיע די פּלוגין פון די WordPress ריפּאַזאַטאָרי.

קוסטאָמיזאַטיאָן פון די WordPress אַודיאָ פּלייַער

ווי איר קענען זען פֿון מיין אייגענע פּלאַץ, די mp3 שפּילער איז גאַנץ יקערדיק אין וואָרדפּרעסס. אָבער, ווייַל עס איז HTML5, איר קענען אָנטאָן עס גאַנץ אַ ביסל ניצן קסס. CSSIgniter האט געשריבן אַ גרויס טוטאָריאַל אויף קאַסטאַמייזינג די אַודיאָ שפּילער אַזוי איך וועט ניט איבערחזרן אַלץ דאָ… אָבער דאָ זענען די אָפּציעס איר קענען קאַסטאַמייז:

/* Player background */
.mytheme-mejs-container.mejs-container,
.mytheme-mejs-container .mejs-controls,
.mytheme-mejs-container .mejs-embed,
.mytheme-mejs-container .mejs-embed body {
  background-color: #efefef;
}

/* Player controls */
.mytheme-mejs-container .mejs-button > button {
  background-image: url("images/mejs-controls-dark.svg");
}

.mytheme-mejs-container .mejs-time {
  color: #888888;
}

/* Progress and audio bars */

/* Progress and audio bar background */
.mytheme-mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mytheme-mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
  background-color: #fff;
}

/* Track progress bar background (amount of track fully loaded)
  We prefer to style these with the main accent color of our theme */
.mytheme-mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded {
  background-color: rgba(219, 78, 136, 0.075);
}

/* Current track progress and active audio volume level bar */
.mytheme-mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mytheme-mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
  background: #db4e88;
}

/* Reduce height of the progress and audio bars */
.mytheme-mejs-container .mejs-time-buffering,
.mytheme-mejs-container .mejs-time-current,
.mytheme-mejs-container .mejs-time-float,
.mytheme-mejs-container .mejs-time-float-corner,
.mytheme-mejs-container .mejs-time-float-current,
.mytheme-mejs-container .mejs-time-hovered,
.mytheme-mejs-container .mejs-time-loaded,
.mytheme-mejs-container .mejs-time-marker,
.mytheme-mejs-container .mejs-time-total,
.mytheme-mejs-container .mejs-horizontal-volume-total,
.mytheme-mejs-container .mejs-time-handle-content {
  height: 3px;
}

.mytheme-mejs-container .mejs-time-handle-content {
  top: -6px;
}

.mytheme-mejs-container .mejs-time-total {
  margin-top: 8px;
}

.mytheme-mejs-container .mejs-horizontal-volume-total {
  top: 19px;
}

פֿאַרבעסערן דיין WordPress MP3 Player

עס זענען אויך באַצאָלט פּלוגינס פֿאַר ווייַזנדיק דיין MP3 אַודיאָ אין עטלעכע סטאַנינג אַודיאָ פּלייַערס:

אַנטפּלעקונג: Martech Zone איז ניצן צוגעבן לינקס פֿאַר די אויבן פּלוגינס אַרייַנגערעכנט קאָדעקאַניאָן, אַ פאַנטאַסטיש פּלוגין פּלאַץ מיט געזונט-געשטיצט פּלוגינס און בוילעט דינסט און שטיצן.

Douglas Karr

Douglas Karr איז קמאָ פון OpenINSIGHTS און דער גרינדער פון די Martech Zone. דאָוגלאַס האט געהאָלפֿן דאַזאַנז פון געראָטן MarTech סטאַרטאַפּס, אַסיסטאַד אין די רעכט פלייַס פון איבער $ 5 ביל אין Martech אַקוואַזישאַנז און ינוועסטמאַנץ, און האלט צו אַרוישעלפן קאָמפּאַניעס אין ימפּלאַמענינג און אָטאַמייטינג זייער פארקויפונג און פֿאַרקויף סטראַטעגיעס. דאָוגלאַס איז אַן ינטערנאַשאַנאַלי דערקענט דיגיטאַל טראַנספאָרמאַציע און MarTech עקספּערט און רעדנער. דאָוגלאַס איז אויך אַ פארעפנטלעכט מחבר פון אַ דאַמי ס פירער און אַ געשעפט פירערשאַפט בוך.

Related ארטיקלען

צוריק צו שפּיץ קנעפּל
נאָענט

אַדבלאָקק דיטעקטאַד

Martech Zone איז ביכולת צו צושטעלן איר דעם אינהאַלט אָן קיין קאָס ווייַל מיר מאָנעטיזירן אונדזער פּלאַץ דורך אַד רעוועך, צוגעבן לינקס און ספּאָנסאָרשיפּס. מיר וואָלט אָפּשאַצן אויב איר וואָלט באַזייַטיקן דיין אַד בלאַקער ווען איר זען אונדזער פּלאַץ.