تعليق: تشغيل الصوت استنادًا إلى العناصر الصوتية HTML5 ، يمكن للأصدقاء الذين يحتاجون إلى الرجوع إليه.
1. بعض الأعمدة المقبلةعندما كنت في جامعتي الحالم ، يبدو أن موقع Flash على الويب شائع بعض الشيء ، وعلى مواقع الفلاش مع القليل من المحتوى ، كانت المؤثرات الصوتية المختلفة لا غنى عنها دائمًا. بعض المؤثرات الصوتية هي موسيقى الخلفية التي تخلق الجو ، والجزء الآخر هو أصوات تفاعلية تعزز التفاعل وتعزيز التجربة ، مثل الصفير أو الصاخبة عند الضغط على الأزرار أو تمريرها. في ذلك الوقت ، كان هناك القليل من التفاعلات الصوتية على صفحات الويب بعيدًا عن الفلاش. حتى لو كان هناك ، لتحقيق التوافق ، إما بمساعدة عناصر التحكم أو عن طريق التفاعل مع الفلاش (على سبيل المثال ، تنفيذ صوت انفجار الرصاص الذي يضرب الهدف في لعبة متخفية عقلياً كتبت من قبل).
يخبرنا ماركس أن الأمور تتطور ، وأن الفتيات ستصبح يومًا ما شابات ، وكذلك التكنولوجيا. على سبيل المثال ، كشف غاري كويكس الرئيس التنفيذي لشركة Mozilla اليوم أنه سيتم إصدار Firefox 5 رسميًا في 22 يونيو ، بعد 3 أشهر فقط من إصدار Firefox 4 - انقر للعرض. مع تقدم وشعبية HTML5 ، يمكن الآن تنفيذ العديد من التأثيرات التي تم تحقيقها مسبقًا مع Flash على صفحات الويب. على سبيل المثال ، تشغيل ملفات الصوت. سوف تجعل هذه المقالة بعض المرح ، بحيث يكون تأثير تشغيل الأصوات عندما يتم تحقيق تحوم العنصر بسهولة تحت jQuery ، استنادًا إلى عناصر الصوت HTML5. لذلك ، فيما يتعلق بهذا المقال وهذا المكون الإضافي ، فإن IE6 ~ 8 هو حياة صنع صلصة الصويا وعقد مجموعة للدفء.
2. الآثار والموارد والاستخدام
تمامًا مثل تواريخ الأعمى ، من المهم جدًا الشكل الذي يبدو عليه الشخص الآخر ، لذلك إذا كنت ترغب في الحصول على لمحة عن وجه Lushan الحقيقي ، يمكنك النقر هنا: تشغيل العرض التوضيحي Sound JQuery
يمكنك رؤية التنقل الرأسي مما يلي ما يلي في العرض التوضيحي:
الموجة الأولى من التنقل عندما يتحرك الماوس بسرعة ، سيكون هناك دائمًا تشغيل صوت واحد فقط ، تمامًا مثل نداء الأم في قلبي ؛ بينما يتحرك الماوس بسرعة ، ويتم تشغيل التنقل أدناه بأصوات متعددة مثل ألعاب نارية ، تمامًا مثل نداء العديد من الأصنام في قلبي.
هذا المكون الإضافي jQuery بسيط للغاية وصغير جدًا ، حوالي 30 يوانًا ، فلماذا تستخدم بنادق مضادة للطائرات لمحاربة البعوض؟ لذلك ، لن أحزمها. إذا كنت مهتمًا بالبرامج النصية ، فيمكنك النقر بزر الماوس الأيمن-[Target | Link] Save كرابط التالي: jQuery-Audioplay.js
يستخدم
أولاً ، اتصل بمكتبة jQuery وملف البرنامج النصي تأثير ، على النحو التالي:
<script type = text/javaScript src => </script> _fcksavedurl => </script> _fcksavedurl => </script> _fcksavedurl => </script>
<script type = text/javaScript src => </script>
ثم ، ربط العناصر التي تتطلب الماوس لتشغيل الصوت. اسم الطريقة هو: Audioplay () ، على سبيل المثال ، يتم استخدام ما يلي في الصفحة التجريبية:
$ ("#nav li"). Audioplay ({
الاسم: "PlayOnce" ،
urlmp3: "/study/media/beep.mp3" ،
urlogg: "/study/media/beep.ogg"
}) ؛
من الواضح أنه لا يمكن تشغيل الصوت بدون مصدر ملف صوتي ، وبالتالي فإن عنوان الصوت لا غنى عنه في المعلمات. للحصول على معلمات محددة والتعليمات ذات الصلة ، يرجى الرجوع إلى الجدول أدناه:
تعريف المعلمة الافتراضي
سلسلة nameaudioplay ، تستخدم للتجميع. تستخدم عندما تكون هناك مجموعات متعددة من عناصر اللعب على الصفحة في نفس الوقت.
urlmp3 سلسلة ، يجب أن تكون هذه المعلمة. يشير إلى عنوان ملف الصوت بتنسيق MP3.
سلسلة urlogg ، يجب أن تكون هذه المعلمة. يشير إلى عنوان ملف الصوت بتنسيق OGG.
نوع CloneFalse Boolean. ما إذا كانت المجموعة نفسها من العناصر تلعب نفس مصدر الصوت.
ملاحظة: تدعم متصفحات Firefox و Opera Audio OGG ، في حين أن متصفحات WebKit Core و IE Support MP3 Audio.
تطبيق المؤثرات الصوتية للمجموعتين من التنقل على الصفحة التجريبية تطبق جميع المعلمات المذكورة أعلاه ، والتي يتم استخدامها بالكامل على النحو التالي:
$ (function () {
$ ("#nav li"). Audioplay ({
الاسم: "PlayOnce" ،
urlmp3: "/study/media/beep.mp3" ،
urlogg: "/study/media/beep.ogg"
}) ؛
$ ("#nav2 li"). Audioplay ({
urlmp3: "/study/media/beep.mp3" ،
urlogg: "/study/media/beep.ogg" ،
استنساخ: صحيح
}) ؛
}) ؛
3. بعض الأزعج في النهاية
الآن تكون المستعرضات التي تدعم عناصر الصوت HTML5 كما يلي: Firefox 3.5+ ، Chrome 3+ ، Opera 10.5+ ، Safari 4+ ، IE 9+. في بلدنا السحري ، لا يزال IE6 ~ 8 يحتل معظم العالم. قد تعتقد أن الأشياء في هذه المقالة لا تزال لا قيمة لها في الوقت الحاضر.
ومع ذلك ، وفقًا لمبدأ التعزيز التدريجي ، ووزن المنفعة ومهنة الموارد ، ليس من المستحيل أيضًا تطبيق هذا الشيء الصغير في هذه المقالة في المشاريع الفعلية. علاوة على ذلك ، مع زيادة كبيرة في حجم التثبيت في Windows 7 ، قد يكون عصر IE6 قد وصل إلى نهاية مفاجئة عن غير قصد. بحلول ذلك الوقت ، قد لا يكون الوقت قد فات الأوان على تعويض ذلك. هذا الشعور يأتي من مالك الحالي ، الذي هو في الستينيات أو السبعينيات. على الرغم من أنه لا يعرف شيئًا عن أجهزة الكمبيوتر (فقط انظر إلى الأسهم) ، إلا أن جهاز الكمبيوتر الخاص به رائع وجميل ، ويبدو أنه من المثير للاهتمام استخدام نظام Windows 7.
الاستفادة من موجة التكنولوجيا الأمامية ، تحتاج إلى العمل بجد لممارسة المهارات الأساسية. خلاف ذلك ، عندما يأتي المد ، سيتم ابتلاعه بسهولة من خلال التقنيات الجديدة المتزايدة. أنا شخصياً أشعر أنه مثل اليابان بعد الزلزال ، وأن تسونامي ضخمة على وشك المجيء ...
اختبار تغليف رمز وتنزيله