آموزش جلوگیری از پخش همزمان آهنگ ها در سایت موزیک

چطور مشکل پخش همزمان آهنگ ها در پست سایت را بر طرف کنیم  ؟

برخی از سایت های موزیک پست هایی می سازند که در آن از چندین پخش آنلاین موزیک استفاده می کنند .
به این نوع پست ها آسمان خراش گفته می شود که در بحث سئو بسیار مفید و وبمستر ورودی زیادی از این صفحات دریافت می کند .
حال ما در این پست از وبیت به شما آموزش میدهیم که چطور از پخش همزمان آهنگ ها در سایت موزیک جلوگیری کنید .
پس همین پست را از سایت ما دنبال کنید و این پست را به سایر دوستان خود نیز معرفی کنید .

راهنمای حل مشکل پخش همزمان موزیک ها توسط کد

واقعا خیلی آسونه ! 😀

فایل فانکشن functions.php قالب وردپرس خود را ویرایش کنید و کد های زیر را در آخر این فایل کپی کنید .
به همین راحتی؛ فقط دقت کنید که قبل از هر کاری از این فایل نسخه پشتیبانی تهیه کنید .

function vbt_audio_stop() {
    wp_enqueue_script( 'jquery' );
    ?>
    <script>
        jQuery(document).ready(function ($) { // اینجا از $ به جای vbt استفاده شده
            $("audio").on("play", function () {
                $("audio")
                    .not(this)
                    .each(function (_, t) {
                        t.pause();
                    });
            });
        });
    </script>
    <?php
}
add_action('wp_enqueue_scripts', 'vbt_audio_stop');

نسخه JavaScript بدون jQuery

اگر می خواهی نسخه ای از کد را داشته باشی که بدون jQuery کار کند و فقط از Vanilla JavaScript (جاوا اسکریپت خالص) استفاده کند، می‌توانی از کد زیر استفاده کنی:

function vbt_audio_stop() { ?>
    <script>
        document.addEventListener("DOMContentLoaded", function () {
            const audioElements = document.querySelectorAll("audio");

            audioElements.forEach(audio => {
                audio.addEventListener("play", function () {
                    audioElements.forEach(otherAudio => {
                        if (otherAudio !== audio) {
                            otherAudio.pause();
                        }
                    });
                });
            });
        });
    </script>
<?php }
add_action('wp_enqueue_scripts', 'vbt_audio_stop');

واقعا خوشحالیم که یکی از مشکلات شما را رفع کردیم .
آرزوی سلامتی و لینک یک گوگل برای همه شما وبمستران داریم