ایک HTML5 سلائیڈ شو کریں کس طرح

HTML5، اگلی نسل طور پر ویب کے اسٹینڈرڈ کے کونے کے ارد گرد ہے. آپ کو آپ کی ویب سائٹ HTML5 حمایت کا اضافہ کریں گے؟ ہو سکتا ہے کہ یہ کم از کم تیاری کرنے کا وقت ہے ۔ یہ مضمون آپ کو 2 HTML5 سلائیڈ شو کرتے ہیں اور آپ کی ویب سائٹ کو شامل کرنے کے طریقے دکھائے گا ۔

خود چل HTML5 سلائیڈ شو

HTML5 کا سب سے بڑا درجہ افزوں کر سکتے ہیں براہ راست شامل کریں کہ آپ کو اور ویڈیوز آن لائن استعمال کرتے ہوئے کی طرف سے ادا ہے ۔ اپنے براؤزر HTML5 کی حمایت کرتا ہے جب تک کے طور پر اس طرح زائرین HTML5 سلائیڈ شو دیکھ سکیں گے ۔ کوئی فلیش پلیئر درکار ہے ۔ چونکہ HTML5 اس کے حتمی ورژن کے لیے نہیں آیا ہے، وڈیو کوڈیک شاید ویبم، H264، اوگو یا دونوں استعمال کر سکتے ہیں ۔

آپ ایک HTML5 سلائیڈ شو کی ویڈیو کیسے شامل کرسکتا ہے:

< ویڈیو poster="movie.jpg" کنٹرولز >
< src='movie.webm سورس ' قسم =' ویڈیو ویبم ۔ کوڈیک "vp8.0، واورباس" ='/ >
< src='movie.ogv سورس ' قسم =' ویڈیو ogg ۔ کوڈیک "ٹہیورا، واورباس" ='/ >
< src='movie.mp4 سورس ' قسم =' ویڈیو/mp4 ۔ کوڈیک = "avc1.4D401E، mp4a.40.2"'/ >
< / ویڈیو >

اگر آپ نیچے دی گئی ویڈیو دیکھ سکتے ہیں, آپ کے ویب براؤزر HTML5، بھی کی حمایت کرتے ہیں ۔ آج کل زیادہ تر بروزر HTML5 سلائیڈ شو پہلے ہی حمایت ہے ۔ HTML5 براؤزر کے بارے میں مزید تفصیلات ملاحظہ کریں ۔

DVD Slideshow Builder Deluxe کے ساتھ - 100 سے زائد عبور شامل پیدا HTML5 سلائیڈ شو ویڈیو ۔

اب کیا آپ کی ضرورت ہے صرف ایک HTML5 سلائیڈ شو سافٹ ویئر ہے اور سلائیڈ شو میں اتارنا MP4 (اوک) وضع ویڈیو بنائیں ۔

متعامل HTML5 سلائیڈ شو

اس وقت استعمال شدہ فلیش سلائیڈ شو کی طرح کی ویب سائٹ پر، آپ بھی ایک HTML5 سلائیڈ شو تنصیب کے بغیر کچھ بھی ڈیزائن کر سکتے ہیں ۔ کورس کی, آپ کوڈک نے اپنے آپ کو لکھنے کے لئے نہیں ہے ۔ یہاں ہم ایک بڑے پیمانے پر حصہ دارانہ HTML5 سلائیڈ شو آن لائن مثال کے طور پر آپ ایک HTML5 سلائیڈ شو میں شامل کرنے کا طریقہ ظاہر کرنے کے لئے لے.

1 ۔ مسلیں صحیح جگہ پر ڈال دیا ۔

جب آپ HTML5 منصوبہ فائل یہاں سے ڈاؤن لوڈ، unzip مسل آپ کے کمپیوٹر اور بڑھائیں یا آپ کی ویب سائٹ کے فولڈر میں اپ لوڈ کریں ۔

ان HTML5 سلائیڈ شو کے منصوبے آن لائن حصہ داری کے لیے دیگر لوگ بھی موجود ہیں ۔ آپ کی ضروریات کے مطابق گوگل ایک اور تبدیلی کے لئے ہے ۔ یہ دوسروں کے کام کا شکریہ، یا لائسنس کے بیانات پر عمل کرنے کے لئے کاپی رائٹ نوٹس ڈالنے کے لئے بہتر ہے ۔

2. آپ کی ضروریات کے مطابق کوڈ میں تبدیل کریں

عام طور پر آپ اگر تم ان میں کسی مختلف فولڈر میں ڈال دیا ہے کے کوڈ css اور جس فائليں، ويب لنک ایڈریس سوائے کے بدلنے کی ضرورت نہیں ۔ اگر آپ script.js مسل 'سکرپٹ' نامی ایک موجودہ فولڈر میں منتقل کردیا ہے مثال کے طور پر، آپ سی ایس ایس فائل لنک ایڈریس 'scripts/script.js' کے لیے تبدیل کرنا چاہئے ۔ جبکہ http://yoursite.com/scripts/script.js جیسے مطلق لنک ایک اور قسم ہے اس قسم کے ربط عنوان متعلقہ لنک، کہا جاتا ہے ۔ HTML5 سلائیڈ شو شامل ہے اگر ایک پوشہ میں ایک صفحہ پر، آپ کسی چیز کی طرح استعمال کرنا چاہئے '... /scripts/script.js' ۔ اگر آپ کے ساتھ اختلافات سے واقف نہیں ہیں آپ بہتر مطلق لنک استعمال کریں گے ۔

اس HTML5 سلائڈ شو کے مظاہر کا اہم ترین حصہ سرخ باکس میں نشان زد ہے ۔ ان رموز میں دکھانے کے لیے اور تصویر کے پتے کی طرح تبدیل کرنے HTML5 سلائیڈ شو پسند کے کسی صفحہ کا مختصر بیان اوپر نقل ہے ۔

کو بڑا پر کلک کریں ۔

3 ۔ HTML5 براؤزر کے ساتھ پیش منظر

آخر میں، ملاحظہ کریں کہ کس طرح HTML5 سلائیڈ شو کی طرح اپنے HTML5 براؤزر میں لگتا ہے ۔ عام طور پر، آپ کو ملے گا اس HTML5 سلائیڈ شو. کے صفحہ پر، آپ سکا بھی HTML5 سلائیڈ شو مسلیں ڈاؤن لوڈ، اتارنا اور یہ مارٹن انگالاوو کی طرف سے ڈیزائن کے لئے تفصیلی عمل دیکھیں ۔

ویب سائٹ سلائیڈ شو میں کلکس بنانے کے لیے سلائیڈ شو سانچے فلیش کے باہر بھی چیک کریں.