الكثير من المدونين يرغبون في إضافة مقطع صوتي لمدوناتهم , ولا شك أنها إضافة جميلة والطلب عليها كثير . بحثت كثيرا في المواقع والمدونات عن الطريقة الأسهل والافضل ولكني للأسف فشلت أكثر من مرة قبل أن أجد هذه الطريقة الأفضل والأمثل والأضمن كذلك وهي عبارة عن إضافة المقطع الصوتي بتقنية أو بلغة لـ , HTML5 ومايميز هذه الاضافة أنها متوافقة مع جميع المتصفحات وتعمل بدون خلل أو أخطاء.
شرح التركيب
ينصح أولا بأخذ نسخة احتياطية من القالب تجنبا لحدوث مشكلة أو خطأ
1 ابحث عن : </head> وضع فوقه :
script src="http://dl.dropbox.com/u/17686000/blogspacetech/audio.min.js"></script>
<script>
audiojs.events.ready(function() {
var as = audiojs.createAll();
});
</script>
2
ابحث عن]]></b:skin> وضع فوقه :
.audiojs {
width: 460px;
height: 36px;
background: #404040;
overflow: hidden;
font-family: monospace;
font-size: 12px;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.5, #555), color-stop(0.51, #444), color-stop(1, #444)); \
background-image: -moz-linear-gradient(center top, #444 0%, #555 50%, #444 51%, #444 100%);
-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
-o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
}
3 احفظ قالبك
الآن وفي كل مرة تريد فيها إدراج مقطع صوتي في أي رسالة جديدة . قم باستخدام هذا الكود في وضع تحرير html
وإذا أردت المقطع يعمل بشكل تلقائي استخدم هذا الكود
وإذا أردت المقطع يعمل بشكل متكرر استخدم هذا الكود
شرح التركيب
ينصح أولا بأخذ نسخة احتياطية من القالب تجنبا لحدوث مشكلة أو خطأ
1 ابحث عن : </head> وضع فوقه :
script src="http://dl.dropbox.com/u/17686000/blogspacetech/audio.min.js"></script>
<script>
audiojs.events.ready(function() {
var as = audiojs.createAll();
});
</script>
ابحث عن]]></b:skin> وضع فوقه :
.audiojs {
width: 460px;
height: 36px;
background: #404040;
overflow: hidden;
font-family: monospace;
font-size: 12px;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.5, #555), color-stop(0.51, #444), color-stop(1, #444)); \
background-image: -moz-linear-gradient(center top, #444 0%, #555 50%, #444 51%, #444 100%);
-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
-o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
}
3 احفظ قالبك
الآن وفي كل مرة تريد فيها إدراج مقطع صوتي في أي رسالة جديدة . قم باستخدام هذا الكود في وضع تحرير html
<div> <audio src="رابط الملف الصوتي." preload="auto" /> </div>
وإذا أردت المقطع يعمل بشكل تلقائي استخدم هذا الكود
<audio src="رابط الملف الصوتي" autoplay />
وإذا أردت المقطع يعمل بشكل متكرر استخدم هذا الكود
<audio src="رابط الملف الصوتي" loop />
ليست هناك تعليقات:
إرسال تعليق