HTML5 (الدرس الثاني) : HTML5 Video

ميمونَة · 01-10-2010, 09:23 AM

-

مالفرق بين الـOgg و MPEG4 ؟ وأيهما أفضل برأيك ؟ ولماذا ؟

الفرق :

Ogg : للملفات Thedora video codec وَ Vorbis audio codec
MPEG4 : للملفات H.264 video codec وَ AAC audio codec

لكن نحتاج شرح لهذه الترميزات .

الأفضل - بما إني مافهمت الترميز - Ogg لأنه يعمل على متصفحات أكثر .

ومالفائدة من الخاصية controls و الخاصية preload للعنصر video ؟

controls : لوضع أزرار التحكم على الفيديو " تشغيل , ايقاف , الصوت "
preload : إذا فتحت الصفحة يحمّل الفيديو بدون تشغيله , ويكون تشغيله بإختيار المتصفح .

و قم بتطبيق الدرس عملياً و ضع لنا الكود ,

كود PHP:

   
<html>

<body>

 
<video src="movie.ogg" controls="controls" height="300" width="200" preload="preload">

</video>

</body>

 
</html>

عاصم نت · 01-10-2010, 01:37 PM

سؤال يا اساتذهـ

الآن هذا السطر..

كود PHP:

  <!DOCTYPE HTML>

تقولون نضعهـ ببداية الملف !
لم افهمهـ جيدا لكن الذي اعرفهـ اننا نضعهـ ببداية الاكواد
فأرى البعض قد وضعهـ بتطبيقهـ والبعض لآخر لم يضعهـ !!
فهل هو بذيكـ الأهمية ؟؟

كما اود ان اشكر الاخت *عاليه* لان الصورة اصبحت افضل لدي حول ogg بعد التوضيح !!

وعندما نقول MPEG4 مجانية وليست بمفتوحة المصدر فماذا نقصد بذلك ؟
غير مفتوحة المصدر اي انها غير قابلة للتعديل والتطوير>> ان كان فهمي هذا صحيح !

وششكرا لكمـ..وبانتظار الدرس القادم

وهل فيهـ تصحيح للواجب ؟

عاليا · 01-10-2010, 06:28 PM

بسم الله الرحمن الرحيم
حياكم الله اخواتي

المشاركة الأصلية كتبت بواسطة حلم الصبا

انا اللحين سويت هالتطبيق كتبته بالمفكره وحفظته بصيغه html5 طبعا طلع لي كـ نص عادي
فغيرت الصيغه لـ html وفتحته بااستخدام قوقل كروم , طلع لي بس ادوات التحكم اللي هي زر التشغيل و و و بس ما ظهر الفيديو .. مع العلم اني حاطه الفيديو في نفس المجلد ..

أتمنى ترشدوني ..

المشاركة الأصلية كتبت بواسطة ألحـان الصبـا

التعديل الأخير تم بواسطة ألحـان الصبـا ; يوم أمس الساعة 02:54 AM. سبب آخر: مثل مشكلة الاخت حلم الصبا ماظهر لي الفيديو رغم انه بنفس المجلد وصيغته mp4

1- تأكدى من كتابة مسار الفيديو بصورة صحيحة new-folder/prophet.ogg
2 - تأكدي من أنك عاينتى الكود على المتصفح المناسب للصيغة المستخدمة (إذا لم تستخدمي مصدران للصيغتين معا)

عاليا · 01-10-2010, 07:15 PM

المشاركة الأصلية كتبت بواسطة عاصم نت

[COLOR="Teal"]هل من الممكن ان ترفقو لنا رابط فيديو بصيغة ogg ؟
بحثت عنهـ ولم أجد فيديو بهذهـ الصيغة ، وعندما حولت فيديو عندي الى ogg ظهر فقط الصوت من دون الصورة !!

هنا بعض الروابط لكلا الصيغتين
http://www.archive.org/details/way2allah.com0016
http://www.archive.org/details/way2allah.com0019
http://www.archive.org/details/way2allah.com0013
http://www.archive.org/details/way2allah.com0023

المشاركة الأصلية كتبت بواسطة عاصم نت

الآن هذا السطر..

كود PHP:

<!DOCTYPE HTML>

تقولون نضعهـ ببداية الملف !
لم افهمهـ جيدا لكن الذي اعرفهـ اننا نضعهـ ببداية الاكواد
فأرى البعض قد وضعهـ بتطبيقهـ والبعض لآخر لم يضعهـ !!
فهل هو بذيكـ الأهمية ؟؟

الاول نبدأ بتعريف هذا الوسم
تعريف DOCTYPE للمتصفح : ال DOCTYPE يتم وضعهـا قبل وسم HTML في أعلى الصفحة. ووضيفته تقوم بإخبار برنامج المتصفح طبيعة الأكواد الموجودة في الصفحة سواء XHTML, HTML أو خليط بينهمـا, ذالك حتى يتمكن من فهم الرموز وعرضهـا بشكل منسق للمستخدم.

كان يمكن أن تضعه أو لا بـ HTML وكان إلزاميا بـ XHTML وإلزاميا ايضا ب HTML 5 .
لمزيد من المعلومات يمكنك قراءة هذا الدرس

المشاركة الأصلية كتبت بواسطة عاصم نت

وعندما نقول MPEG4 مجانية وليست بمفتوحة المصدر فماذا نقصد بذلك ؟
غير مفتوحة المصدر اي انها غير قابلة للتعديل والتطوير>> ان كان فهمي هذا صحيح !

بارك الله فيك .. صحيح , وأضيف عليه أنها غير قابلة للتعديل والتطوير من قبل أي شركة اخري غير الشركة المنتجة للبرمجة وبشكل آخر هي البرمجيات المقدم من شركة ( مجانية أو غير مجانية ) بدون شيفرتها المصدرية وتخضع هذه البرمجيات لتراخيص استخدام و يتم حماية حقوق منتجيها باستخدام Copyright

عاليا · 01-10-2010, 07:35 PM

المشاركة الأصلية كتبت بواسطة أديــ الود ـــم

رائع، رغم إني ما سجلت ولعل ذلك خير فقد أسقطت عنّي اعتذار التخلّف عن المتابعه والذي دائمًا ما أُردّ إليه :/
استفدت من هذه البداية جدًا، أغنت النسخه الجديدة هذه عن تضمين الفيديو والأوديو كما في السابق بالإضافة إلى الرسوم..

المرجع الرائع لا يستغني عنه مصمم لصفحات الويب، وبداياتكم التي تحثنا للتقدم وتغرينا به أروع..

جزيتم كل خير

جزاكِ الله خيرا على هذه الكلمات الطيبة والمتابعة المشجعة
بوركتِ دوما

المشاركة الأصلية كتبت بواسطة بوح خافق

قد يكونُ هذا الموجع ال"ويكبيديّ" مفيدًا:
http://en.wikipedia.org/wiki/HTML5_video
شُكرًا عالية ومحمّد جبلي،
مستفيدة مستمتعة كثيرًا هنا (:

بارك الله فيكِ أختي الطيبة وجزاك الله خيرا
معلومات قيمة في الرابط أشكرك عليها
صدقا نحن مستفيدين ومستمتعين بوجودك معنا

لنعلم أن إلغاء الوسوم من النسخة الجديدة في HTML5 لا يعني أن المتصفحات الجديدة لن تفهمها ,
المتصفحات مجبرة على دعم كل العناصر القياسية سواء السابقة أم الجديدة
لأنه من الممكن أن أقوم أنا بعمل موقع قياسي على الوسوم التي كانت في HTML3 مثلا
فمن غير المنطقي أنه بعد كم سنة ألاقي موقع الذي كان يعتمد على العناصر القياسية لا يعمل بالشكل المطلوب !

إلغاء العناصر من النسخة الجديدة يعني أنه من الأفضل تجنب إستخدامها و كذلك إن قمت بعمل
validation للصفحة لتعرف هل هي مطابقة للمواصفات و المقاييس لنسخة HTML5 سيقول لك لا ,
لأنك تستخدم عناصر قد ألغيت , ولكنها ستعمل بشكل جيد .

validation أي التحقق من أن كود صفحتك مطابق للمواصفات و المقاييس

لتحقق أدخل على :
http://validator.w3.org/#validate_by_uri+with_options
ثم من قائمة Document Type إختر HTML5

نفعنا الله واياكم بعلمكم أخي محمد وبارك الله لكم فيه
وفي انتظار الدرس الجديد

حلم الصبا · 01-10-2010, 09:45 PM

هذا تعديل سؤال الواجب الثاني ؛

كنت سـ أعدله في الوقت نفسه لكن انتهى وقتي المسموح لي لدخول النت وعندما فتحت النت في الغد كانت هناك مشاكل في الشبكه فلم أستطع الدخول في النت ..

ومالفائدة من الخاصية controls و الخاصية preload للعنصر video ؟

الـ controls : لإظهار أدوات التحكم بالفيديو .

الـ preload : يحدد أن تحميل الفيديو سوف يتم عند تحميل الصفحة ، وسوف يكون جاهز للتشغيل. وسوف يُتجاهل إذا "التشغيل التلقائي" موجودا ..

ودي ؛

نُورَان ، · 01-10-2010, 11:50 PM

مالفرق بين الـOgg و MPEG4 ؟ وأيهما أفضل برأيك ؟ ولماذا ؟
Ogg = أقل جودة وكفاءة للصوت والصورة من MPEG4 ، تدعم Firefox 3.5 , Opera 10.5 , Chrome 3.0 .
MPEG4 = جودة وكفاءة عالية للصوت والصورة ، تدعم Chrome 3.0 , Safari 3.0

الأفضل Ogg

ومالفائدة من الخاصية controls و الخاصية preload للعنصر video ؟
controls = عرض أدوات التحكم في الفيديو مثل زر التشغيل و زر الإيقاف و زر التحكم في الصوت .
preload = يبدأ تحميل الفيديو مع تحميل الصفحة

و قم بتطبيق الدرس عملياً و ضع لنا الكود ,
كود:
<!DOCTYPE HTML>
<html>
<body>

<video width="360" height="260" controls="controls" preload="preload">
  <source src="http://ia341240.us.archive.org/3/items/way2allah.com0016/7adeeth.ogv" type="video/ogg" />
Your browser does not support the video tag.
</video>

</body>
</html>
عالية ، محمد جبلي ، عاصم نت [ جزيتم خيراً وزادكم الله علما ، أستفدت كثيراً كثيراً من ردودكم ]


Ma3ali Tube	Be Happy	الجـوال	Ma3ali flickr	الغرفة الصوتية	البطاقات	الصـوتيـات	مركز التحميل	مجلة أجيال

01-10-2010, 09:23 AM	#21
ميمونَة مراقبة معاليّات مزاجي: اوسمتي مجموع الاوسمة: 12	رد: HTML5 (الدرس الثاني) : HTML5 Video - مالفرق بين الـOgg و MPEG4 ؟ وأيهما أفضل برأيك ؟ ولماذا ؟ الفرق : Ogg : للملفات Thedora video codec وَ Vorbis audio codec MPEG4 : للملفات H.264 video codec وَ AAC audio codec لكن نحتاج شرح لهذه الترميزات . الأفضل - بما إني مافهمت الترميز - Ogg لأنه يعمل على متصفحات أكثر . ومالفائدة من الخاصية controls و الخاصية preload للعنصر video ؟ controls : لوضع أزرار التحكم على الفيديو " تشغيل , ايقاف , الصوت " preload : إذا فتحت الصفحة يحمّل الفيديو بدون تشغيله , ويكون تشغيله بإختيار المتصفح . و قم بتطبيق الدرس عملياً و ضع لنا الكود , كود PHP: `<html> <body> <video src="movie.ogg" controls="controls" height="300" width="200" preload="preload"> </video> </body> </html>`
ميمونَة مراقبة معاليّات مزاجي: اوسمتي مجموع الاوسمة: 12

01-10-2010, 11:50 PM	#27
نُورَان ، الله كريم ❤	رد: HTML5 (الدرس الثاني) : HTML5 Video مالفرق بين الـOgg و MPEG4 ؟ وأيهما أفضل برأيك ؟ ولماذا ؟ Ogg = أقل جودة وكفاءة للصوت والصورة من MPEG4 ، تدعم Firefox 3.5 , Opera 10.5 , Chrome 3.0 . MPEG4 = جودة وكفاءة عالية للصوت والصورة ، تدعم Chrome 3.0 , Safari 3.0 الأفضل Ogg ومالفائدة من الخاصية controls و الخاصية preload للعنصر video ؟ controls = عرض أدوات التحكم في الفيديو مثل زر التشغيل و زر الإيقاف و زر التحكم في الصوت . preload = يبدأ تحميل الفيديو مع تحميل الصفحة و قم بتطبيق الدرس عملياً و ضع لنا الكود , كود: <!DOCTYPE HTML> <html> <body> <video width="360" height="260" controls="controls" preload="preload"> <source src="http://ia341240.us.archive.org/3/items/way2allah.com0016/7adeeth.ogv" type="video/ogg" /> Your browser does not support the video tag. </video> </body> </html> عالية ، محمد جبلي ، عاصم نت [ جزيتم خيراً وزادكم الله علما ، أستفدت كثيراً كثيراً من ردودكم ]
نُورَان ، الله كريم ❤

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
انواع عرض الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري


منتديات مسلمة النسائية	مساحة إعلانيه

01-10-2010, 01:37 PM	#22
عاصم نت	رد: HTML5 (الدرس الثاني) : HTML5 Video سؤال يا اساتذهـ الآن هذا السطر.. كود PHP: `<!DOCTYPE HTML>` تقولون نضعهـ ببداية الملف ! لم افهمهـ جيدا لكن الذي اعرفهـ اننا نضعهـ ببداية الاكواد فأرى البعض قد وضعهـ بتطبيقهـ والبعض لآخر لم يضعهـ !! فهل هو بذيكـ الأهمية ؟؟ كما اود ان اشكر الاخت عاليه لان الصورة اصبحت افضل لدي حول ogg بعد التوضيح !! وعندما نقول MPEG4 مجانية وليست بمفتوحة المصدر فماذا نقصد بذلك ؟ غير مفتوحة المصدر اي انها غير قابلة للتعديل والتطوير>> ان كان فهمي هذا صحيح ! وششكرا لكمـ..وبانتظار الدرس القادم وهل فيهـ تصحيح للواجب ؟
عاصم نت	التعديل الأخير تم بواسطة عاصم نت ; 01-10-2010 الساعة 02:02 PM.

01-10-2010, 09:45 PM	#26
حلم الصبا	رد: HTML5 (الدرس الثاني) : HTML5 Video هذا تعديل سؤال الواجب الثاني ؛ كنت سـ أعدله في الوقت نفسه لكن انتهى وقتي المسموح لي لدخول النت وعندما فتحت النت في الغد كانت هناك مشاكل في الشبكه فلم أستطع الدخول في النت .. ومالفائدة من الخاصية controls و الخاصية preload للعنصر video ؟ الـ controls : لإظهار أدوات التحكم بالفيديو . الـ preload : يحدد أن تحميل الفيديو سوف يتم عند تحميل الصفحة ، وسوف يكون جاهز للتشغيل. وسوف يُتجاهل إذا "التشغيل التلقائي" موجودا .. ودي ؛
حلم الصبا

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)

الأعضاء الذين قرؤوا الموضوع منذ 30 يوم ( أيام ) : 0 .
الموضوع لم يُقرأ بعد

HTML5 (الدرس الثاني) : HTML5 Video

فريق التعلم الذاتي لبناء المواقع