ប្លក, រូបភាព: បង្កប់ម៉ាស៊ីនចាក់ MP3 នៅក្នុងប្លក់របស់អ្នក

ប្លុកប៊្លុកចាក់ MP3 ជាមួយប្លក, រូបភាព

ជាមួយនឹងការចាក់ផតឃែស្ថនិងការចែករំលែកតន្រ្តីតាមអ៊ិនធឺរណែតមានលក្ខណៈទូលំទូលាយដូច្នេះវាមាន great កាសល្អដើម្បីបង្កើនបទពិសោធន៍អ្នកទស្សនារបស់អ្នកនៅលើគេហទំព័ររបស់អ្នកដោយបង្កប់សម្លេងនៅក្នុងប្រកាសប្លក់របស់អ្នក។ អរគុណណាស់ប្លក, រូបភាពបន្តវិវឌ្ឍការគាំទ្ររបស់ខ្លួនសម្រាប់បង្កប់ប្រភេទប្រព័ន្ធផ្សព្វផ្សាយផ្សេងទៀត - និង mp3 ឯកសារគឺជាឯកសារមួយក្នុងចំណោមឯកសារដែលងាយស្រួលធ្វើ!

ខណៈពេលដែលការបង្ហាញអ្នកលេងសម្រាប់បទសម្ភាសន៍នាពេលថ្មីៗនេះគឺអស្ចារ្យណាស់ការបង្ហោះឯកសារសម្លេងពិតប្រាកដប្រហែលជាមិនត្រូវបានណែនាំទេ។ អ្នកបង្កើតគេហទំព័រភាគច្រើនសម្រាប់គេហទំព័រប្លក, រូបភាពមិនត្រូវបានធ្វើឱ្យប្រសើរសម្រាប់ប្រព័ន្ធផ្សព្វផ្សាយទេដូច្នេះកុំមានការភ្ញាក់ផ្អើលប្រសិនបើអ្នកចាប់ផ្តើមចូលទៅក្នុងបញ្ហាមួយចំនួនដែលអ្នកបានដាក់កម្រិតលើការប្រើប្រាស់កម្រិតបញ្ជូនឬតូបអូឌីយ៉ូរបស់អ្នកទាំងអស់គ្នា។ ខ្ញុំសូមណែនាំឱ្យបង្ហោះឯកសារអូឌីយ៉ូពិតប្រាកដនៅលើសេវាកម្មផ្សាយអូឌីយ៉ូឬម៉ាស៊ីនបង្ហោះផតខាស់។ ហើយត្រូវប្រាកដថាម៉ាស៊ីនរបស់អ្នកគាំទ្រ SSL (អ៊ីម៉ែល https: // ផ្លូវមួយ) …ប្លុកដែលរៀបចំដោយសុវត្ថិភាពនឹងមិនចាក់ឯកសារអូឌីយ៉ូដែលមិនមានសុវត្ថិភាពនៅកន្លែងផ្សេងទេ។

ដែលនិយាយថាវាអ្នកដឹងពីទីតាំងនៃឯកសាររបស់អ្នកការបង្កប់វានៅក្នុងប្រកាសប្លក់គឺសាមញ្ញណាស់។ ប្លក, រូបភាពមានកម្មវិធីចាក់សំលេង HTML5 ផ្ទាល់ខ្លួនដែលបង្កើតឡើងដោយផ្ទាល់នៅក្នុងវាដូច្នេះអ្នកអាចប្រើលេខកូដខ្លីដើម្បីបង្ហាញអ្នកលេង។

នេះជាឧទាហរណ៍ពីវគ្គផតឃែស្ថថ្មីៗដែលខ្ញុំបានធ្វើ៖

ជាមួយនឹងការនិយាយឡើងវិញចុងក្រោយនៃកម្មវិធីនិពន្ធ Gutenberg នៅក្នុងប្លក, រូបភាព, ខ្ញុំទើបតែបានបិទភ្ជាប់ផ្លូវឯកសារអូឌីយ៉ូហើយកម្មវិធីនិពន្ធពិតជាបានបង្កើតលេខកូដខ្លី។ លេខកូដខ្លីពិតប្រាកដនៅខាងក្រោមដែលអ្នកអាចជំនួស src ជាមួយ URL ពេញលេញនៃឯកសារដែលអ្នកចង់លេង។

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

ប្លក, រូបភាពគាំទ្រ mp3, m4a, ogg, wav, និងឯកសារប្រភេទម៉ាម៉ា។ អ្នកក៏អាចមានលេខកូដខ្លីមួយដែលផ្តល់នូវការថយក្រោយក្នុងករណីដែលអ្នកមានអ្នកទស្សនាដោយប្រើកម្មវិធីរុករកដែលមិនគាំទ្រមួយឬផ្សេងទៀត:

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

អ្នកអាចបង្កើនលេខកូដខ្លីក៏ដូចជាជម្រើសផ្សេងទៀតផងដែរ។

  • loop - ជាជំរើសមួយសំរាប់សំលេង។
  • autoplay - ជម្រើសមួយសម្រាប់ការលេងឯកសារដោយស្វ័យប្រវត្តិនៅពេលវាផ្ទុក។
  • preload - ជម្រើសមួយដើម្បីផ្ទុកឯកសារសម្លេងជាមុនជាមួយទំព័រ។

ដាក់វាទាំងអស់គ្នាហើយនេះជាអ្វីដែលអ្នកទទួលបាន៖

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

បញ្ជីចាក់សំលេងនៅក្នុងប្លក, រូបភាព

ប្រសិនបើអ្នកចង់បានបញ្ជីចាក់ប្លក, ប្លក, រូបភាពបច្ចុប្បន្នមិនគាំទ្រការបង្ហោះខាងក្រៅនៃឯកសារនីមួយៗរបស់អ្នកដើម្បីលេងទេប៉ុន្តែពួកគេផ្តល់ជូនវាប្រសិនបើអ្នកបង្ហោះឯកសារអូឌីយ៉ូរបស់អ្នកនៅខាងក្នុង៖

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

មាន ដំណោះស្រាយខ្លះ នៅទីនោះអ្នកអាចបន្ថែមទៅស្បែកកុមាររបស់អ្នកដែលនឹងអនុញ្ញាតឱ្យផ្ទុកឯកសារអូឌីយ៉ូខាងក្រៅ។

បន្ថែមមតិព័ត៌មានផតឃែស្ថរបស់អ្នកទៅរបារចំហៀងរបស់អ្នក

ដោយប្រើអ្នកលេងប្លក, រូបភាព, ខ្ញុំបានសរសេរកម្មវិធីជំនួយដើម្បីបង្ហាញផតឃែស្ថរបស់អ្នកដោយស្វ័យប្រវត្តិនៅក្នុងធាតុក្រាហ្វិកនៃរបារចំហៀង។ អ្នក​អាច អានអំពីវានៅទីនេះ និង ទាញយកកម្មវិធីជំនួយ ពីឃ្លាំងប្លក, រូបភាព។

ការប្តូរតាមបំណងនៃឧបករណ៍ចាក់សំលេងប្លក, រូបភាព

ដូចដែលអ្នកអាចមើលឃើញដោយគេហទំព័រផ្ទាល់របស់ខ្ញុំម៉ាស៊ីនចាក់ MP3 គឺមានមូលដ្ឋានគ្រឹះស្អាតនៅក្នុងប្លក, រូបភាព។ ទោះយ៉ាងណាក៏ដោយដោយសារតែវាជា HTML5 អ្នកអាចស្លៀកពាក់វាបន្តិចដោយប្រើ CSS ។ 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;
}

ធ្វើឱ្យប្រសើរឡើងឧបករណ៍ចាក់ MP3 ប្លក, រូបភាពរបស់អ្នក

វាក៏មានកម្មវិធីជំនួយបង់ប្រាក់មួយចំនួនសម្រាប់បង្ហាញអូឌីយ៉ូ MP3 របស់អ្នកនៅក្នុងឧបករណ៍ចាក់សំលេងដែលគួរអោយភ្ញាក់ផ្អើលមួយចំនួនផងដែរ:

ការបង្ហាញ: ខ្ញុំកំពុងប្រើតំណសម្ព័ន្ធរបស់ខ្ញុំសម្រាប់កម្មវិធីជំនួយខាងលើតាមរយៈ Codecanyonដែលជាគេហទំព័រជំនួយដ៏អស្ចារ្យមួយដែលមានកម្មវិធីជំនួយដែលមានការគាំទ្រខ្ពស់និងសេវាកម្មនិងការគាំទ្រលេចធ្លោ។

តើ​អ្នក​គិត​អ្វី?

តំបន់បណ្ដាញនេះប្រើ Akismet ដើម្បីកាត់បន្ថយសារឥតបានការ។ សិក្សាអំពីរបៀបដែលទិន្នន័យរបស់អ្នកត្រូវបានដំណើរការ.