sali یکشنبه ۱۷ مرداد ۰۰ ۱۳:۰۵ ۶ بازديد

HTML Embed Multimedia

آموزش چند رسانه اي در HTML‏ ‏

گاهي اوقات تمايل داريد كه موسيقي يا ويدئو به صفحه ي وب خود اضافه كنيد. ساده ترين راه براي افزودن صدا يا ويدئو به وب سايت، وارد كردن برچسب خاص HTML به نام < embed> مي باشد. اين برچسب باعث مي شود كه مرورگر به طور خودكار كنترل هايي را براي مولتي مديا وارد كند كه مرورگر ارائه شده برچسب < embed> و نوع مدياي ارائه شده را پشتيباني مي كند.
همچنين مي توانيد يك برچسب < noembed>براي مرورگرهايي وارد كنيد كه برچسب < embed> را نمي شناسند. به عنوان مثال مي توانيد از < embed> براي نمايش يك فيلم به انتخاب خود استفاده كنيد واگر مرورگر < embed> را پشتيباني نمي كند، از< noembed> براي نمايش يك تصوير JPG مجزا استفاده كنيد.

مثال:

در اينجا مثال ساده اي مي بينيد از اجراي يك فايل جاسازي شده ي midi.

مرحله 1

HTML embed Tag <title><br /><head><br /><body><br /> <embed src="/html/yourfile.mid"` width="100%" height="60"><br /> <noembed><img src="yourimage.gif" alt="Alternative Media"><noembed><br /> <embed><br /><body><br /><html></p> <div id="BodyContent2_LT_Desc"> <div class="box"> <div class="NewArticle"> <h3 class=" InnerTitle1">ويژگي هاي برچسب < embed></h3> <p>در زير ليستي از ويژگي هاي مهمي را مي بينيد كه توسط برچسب < embed> استفاده مي شود.</p> <br /> <div class="divTable"> <div class="divTableBody"> <div class="divTableRow"> <div class="divTableHead">Attribute</div> <div class="divTableHead">Description</div> </div> <div class="divTableRow"> <div class="divTableCell">align</div> <div class="divTableCell">تعيين مي كند كه چگونه يك آبجكت را تنظيم كرد، كه مي تواند هم در مركز، هم در راست و يا چپ تنظيم شود.</div> </div> <div class="divTableRow"> <div class="divTableCell">autostart</div> <div class="divTableCell">اين ويژگي Boolean نشان مي دهد كه آيا مديا بايد به طور خودكار شروع به كار كند. شما مي توانيد آن را با true يا false تنظيم كنيد.</div> </div> <div class="divTableRow"> <div class="divTableCell">loop</div> <div class="divTableCell">تعيين مي كند كه آيا صدا متداولا پشت سرهم تكرار شود( لوپ را روي true تنظيم كنيد)، يا چند دفعه بايد تكرار شود ( يك مقدار مثبت) و يا اصلا تكرار نشود(false).</div> </div> <div class="divTableRow"> <div class="divTableCell">playcount</div> <div class="divTableCell">تعداد دفعاتي را كه يك صدا بايد تكرار شود تعيين مي كند. اگر در حال استفاده از IE هستيد، اين گزنيه جايگزيني براي loop مي باشد.</div> </div> <div class="divTableRow"> <div class="divTableCell">hidden</div> <div class="divTableCell">مشخص مي كند كه آيا آبجكت مولتي مديا بايد روي صفحه نمايش داده شود.مقدار false يعني نه و مقدار true يعني بله.</div> </div> <div class="divTableRow"> <div class="divTableCell">width</div> <div class="divTableCell">عرض آبجكت به پيكسل.</div> </div> <div class="divTableRow"> <div class="divTableCell">height</div> <div class="divTableCell">عرض آبجكت به پيكسل.</div> </div> <div class="divTableRow"> <div class="divTableCell">name</div> <div class="divTableCell">نامي كه براي اشاره به آبجكت استفاده مي شود.</div> </div> <div class="divTableRow"> <div class="divTableCell">src</div> <div class="divTableCell">URL مربوط به آبجكت كه بايد جاسازي شود.</div> </div> <div class="divTableRow"> <div class="divTableCell">volume</div> <div class="divTableCell">ميزان صدا را كنترل مي كند كه مي تواند از 0 (صدا قطع شده) تا 100 (آخرين حد صدا) باشد.</div> </div> </div> </div> <h3 class=" InnerTitle1">انواع ويديوهاي پشتيباني شده</h3> <p>مي توانيد از انواع مدياهاي مختلفي مانند فايل هاي flash movies، AVi و MOV در داخل برچسب embed استفاده كنيد.</p> <br /> <ul> <li>فايل هاي swf – فايل هايي هستند كه با برنامه ي macromedia’s flash توليد مي شوند.</li> <li>فايل هاي wmv – انواع فايل هاي تصويري ويندوز مايكروسافت مي باشند.</li> <li>فايل هاي mov - فرمت Quick time movie در اپل.</li> <li> فايل هاي mpeg – فايل هاي تصويري هستند كه توسط گروه تخصصي تصاوير متحرك (Moving Pictures Expert Group) ايجاد مي شوند.</li> </ul> <div class="example"> <h2 class="example_head">مرحله 2</h2> <div class="example_code"> <div> <div id="highlighter_810575" class="syntaxhighlighter csharp"> <div class="toolbar"></div> <table border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="gutter"> <div class="line number1 index0 alt2">1</div> <div class="line number2 index1 alt1">2</div> </td> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="csharp plain"><embed height=</code><code class="csharp string">"200"</code> <code class="csharp plain">src=</code><code class="csharp string">"/html/yourfile.swf"</code> <code class="csharp plain">width=</code><code class="csharp string">"200"</code><code class="csharp plain">></code></div> <div class="line number2 index1 alt1"><code class="csharp plain"><p><img alt=</code><code class="csharp string">"Alternative Media"</code> <code class="csharp plain">src=</code><code class="csharp string">"yourimage.gif"</code><code class="csharp plain">><embed></p></code></div> </div> </td> </tr> </tbody> </table> </div> </div> </div> </div> <h3 class=" InnerTitle1">صداي زمينه</h3> <p>شما مي توانيد از برچسب < bgsound>در html براي اجراي صدا در زمينه ي صفحه ي وب خود استفاده كنيد. اين برچسب فقط توسط اينترنت اكسپلورر پشتيباني مي شود و ديگر مرورگرها آن را ناديده مي گيرند. زماني كه سند اصلي در ابتدا توسط كاربر دانلود شده و نمايش داده مي شود، اين برچسب يك فايل صدا را دانلود كرده و اجرا مي كند. همچنين هروقت كاربر مرورگر را تازه سازي كند، صداي زمينه نيز دوباره اجرا خواهد شد.اين برچسب داراي فقط دو ويژگي مي باشد، loop و src، كه همانطور كه در بالا توضيح داده شد هر دوي اين ويژگي ها داراي يك معنا مي باشند.<br />در اينجا مثال ساده اي از اجراي فايل كوچك midi را مي بينيد.</p> <br /> <div class="example"> <h2 class="example_head">مرحله 3</h2> <div class="example_code"> <div> <div id="highlighter_609461" class="syntaxhighlighter csharp"> <div class="toolbar"></div> <table border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="gutter"> <div class="line number1 index0 alt2">1</div> </td> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="csharp plain"><p><img src=</code><code class="csharp string">"yourimage.gif"</code><code class="csharp plain">></p></code></div> </div> </td> </tr> </tbody> </table> </div> </div> </div> <a rel="nofollow" class="btn btn-danger" href="http://www.tahlildadeh.com/Try/495/3" target="_blank">امتحان كنيد</a></div> <p>اين مثال يك صفحه ي خالي توليد خواهد كرد. اين برچسب هيچ مولفه اي را اجرا نمي كند و مخفي باقي مي ماند.<br />اينترنت اكسپلورر نيز تنها سه فرمت صدا را اجرا مي كند: wav فرمت داخلي كامپيوترها، au فرمت داخلي براي كار </p> <div class="example"> <div class="example_code"> <div> <div id="highlighter_28485" class="syntaxhighlighter csharp"><span style="font-size: 10pt;"><br />در اينجا اگر مرورگر برچسب object را پشتيباني نكند، ويژگي alt وارد تصوير مي شود.</span></div> </div> </div> </div> <br /><span class="SampleTitle"> مثال:</span><br /> <p>شما مي توانيد يك سند PDF را در يك سند HTML اجرا كنيد.</p> <br /> <div class="example"> <h2 class="example_head">مرحله 5</h2> <div class="example_code"> <div> <div id="highlighter_12611" class="syntaxhighlighter csharp"> <div class="toolbar"></div> </div> </div> </div> </div> <p>شما مي توانيد با استفاده از برچسب < param> برخي پارامترهاي متناسب با سند را مشخص كنيد. در اينجا مثالي از اجراي فايل wavرا مي بينيد.</p> <br /> <div class="example"> <h2 class="example_head">مرحله 6</h2> <div class="example_code"> <div> <div id="highlighter_472303" class="syntaxhighlighter csharp"> <div class="toolbar"></div> </div> </div> </div> </div> <span class="SampleTitle"> مثال:</span><br /> <p>شما مي توانيد يك سند flash مانند زير اجرا كنيد.</p> <br /> <div class="example"> <div class="example_code"> <div> <div id="highlighter_492218" class="syntaxhighlighter csharp"> <div class="toolbar"><span style="font-size: 1.5em;"><br />مرحله 7</span></div> </div> </div> </div> </div> <span class="SampleTitle"> مثال:</span><br /> <p>شما مي توانيد يك سند java applet وارد سند HTML كنيد.</p> <br /> <div class="example"> <div class="example_code"> <div> <div id="highlighter_923973" class="syntaxhighlighter csharp"> <div class="toolbar"><span style="font-size: 1.5em;"><br />مرحله 8</span></div> </div> </div> </div> </div> <p>ويژگي classid تعيين مي كند كه چه نسخه اي از java plug-in استفاده شود. شما مي توانيد از ويژگي انتخابي codebase براي مشخص كردن چگونگي دانلود JRE استفاده كنيد.</p> </div> </div> </div> <div class="row"> <div class="MyMsgSendBox"> <div id="NavArticle" class="row text-right text-fa boxcom2"> <div id="BodyContent2_divnext" class="col-xs-12 col-lg-6 NextArticle"></div> </div> </div> <div id="BodyContent2_dlPDF" class="dlPDF"> <div id="widget-div"></div> جهت مشاهده مراحل برروي <a rel="nofollow" title="دوره آموزش طراحي سايت " href="http://www.tahlildadeh.com/CourseDetails/28/%D8%AF%D9%88%D8%B1%D9%87-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA-Web-Design.aspx">دوره آموزش طراحي سايت</a> كليك نماييد </div> <div id="BodyContent2_playvideo"><span class="tv"> </span><a> <h5 class="PlayedFilmLable"></h5> </a></div> <div id="FPack"> <div class="MyMoreInfo hidden-xs hidden-sm"> <div id="FPackLike" class="col-lg-4"><span> <div class="rating-symbol"> <div class="rating-symbol-foreground"></div> </div> </span></div> <div id="FPackVote" class="col-lg-4"> <div></div> </div> </div> <span class="Tabs col-xs-6 "> </span></div> </div></div> <div class="post-tags"> <span class="tag"> </span> برچسب ها: <a href="https://tahlildadeh.royablog.ir/tag/فيلم+آموزش+دوره+طراحي+سايت/">فيلم آموزش دوره طراحي سايت</a>, </div> </div> <div class="post-info"> <ul> <li> <span class="postcmnt"> <a href="https://tahlildadeh.royablog.ir/post/18/HTML+Embed+Multimedia#comments">۰ نظر</a></span> </li> </ul> </div> </div>  <div class="pagination"> </div>   </div>  </div>  <div class="pc-12 pc-pull-24"> <div class="sidebar">  <div class="menu-block catbox"> <div class="menu-title"> <span class="menu-title-icon"></span> <h3> موضوعات</h3> </div> <div class="menu-cnt"> <ul> <li ><a href="https://tahlildadeh.royablog.ir/category/1/آموزش+طراحي+سايت"> آموزش طراحي سايت <span>(16)</span> </a> <ul> </ul> </li> </ul> </div> </div>  <div class="menu-block archivebox"> <div class="menu-title"> <span class="menu-title-icon"></span> <h3> آرشيو</h3> </div> <div class="menu-list"> <ul> <li><a href="https://tahlildadeh.royablog.ir/archive1400-02-1.html"> اردیبهشت ۱۴۰۰ <span>(۷)</span></a></li> <li><a href="https://tahlildadeh.royablog.ir/archive1400-03-1.html"> خرداد ۱۴۰۰ <span>(۶)</span></a></li> <li><a href="https://tahlildadeh.royablog.ir/archive1400-04-1.html"> تیر ۱۴۰۰ <span>(۴)</span></a></li> <li><a href="https://tahlildadeh.royablog.ir/archive1400-05-1.html"> مرداد ۱۴۰۰ <span>(۱)</span></a></li> </ul> </div> </div>  <div class="menu-block"> <div class="menu-title"> <span class="menu-title-icon"></span> <h3> تازه ترين مطالب</h3> </div> <div class="menu-list"> <ul> <li><a href="https://tahlildadeh.royablog.ir/post/18/HTML+Embed+Multimedia">HTML Embed Multimedia</a></li> <li><a href="https://tahlildadeh.royablog.ir/post/17/فرم+هاي+html">فرم هاي html</a></li> <li><a href="https://tahlildadeh.royablog.ir/post/16/فونت+ها">فونت ها</a></li> <li><a href="https://tahlildadeh.royablog.ir/post/15/رنگ+در+html">رنگ در html-آموزش html</a></li> <li><a href="https://tahlildadeh.royablog.ir/post/14/پس+زمينه+در+html-آموزش+html">پس زمينه در html</a></li> <li><a href="https://tahlildadeh.royablog.ir/post/13/آموزش+Iframes+در+html">آموزش Iframes در html-آموزش html</a></li> </ul> </div> </div>   <div class="menu-block tagsbox"> <div class="menu-title"> <span class="menu-title-icon"></span> <h3> برچسب ها</h3> </div> <div class="menu-cnt"> <ul> <li><a href="https://tahlildadeh.royablog.ir/tag/فيلم+آموزش+دوره+طراحي+سايت/">فيلم آموزش دوره طراحي سايت</a></li> <li><a href="https://tahlildadeh.royablog.ir/tag/فيلم+آموزش+دوره+طراحي+سايت/">فيلم آموزش دوره طراحي سايت</a></li> <li><a href="https://tahlildadeh.royablog.ir/tag/آموزش+جامع+طراحي+سايت/">آموزش جامع طراحي سايت</a></li> <li><a href="https://tahlildadeh.royablog.ir/tag/يادگيري+طراحي+وب/">يادگيري طراحي وب</a></li> <li><a href="https://tahlildadeh.royablog.ir/tag/آموزش+جاوا+اسكريپت/">آموزش جاوا اسكريپت</a></li> <li><a href="https://tahlildadeh.royablog.ir/tag/فيلم+آموزش+طراحي+سايت/">فيلم آموزش طراحي سايت</a></li> <li><a href="https://tahlildadeh.royablog.ir/tag/فيلم+اموزش+طراحي+سايت/">فيلم اموزش طراحي سايت</a></li> <li><a href="https://tahlildadeh.royablog.ir/tag/آموزش+html+css/">آموزش html css</a></li> <li><a href="https://tahlildadeh.royablog.ir/tag/آموزش+طراحي+سايت+با+html/">آموزش طراحي سايت با html</a></li> <li><a href="https://tahlildadeh.royablog.ir/tag/طراحي+سايت/">طراحي سايت</a></li> <li><a href="https://tahlildadeh.royablog.ir/tag/دوره+آموزش+طراحي+سايت/">دوره آموزش طراحي سايت</a></li> <li><a href="https://tahlildadeh.royablog.ir/tag/آموزش+طراحي+وب/">آموزش طراحي وب</a></li> <li><a href="https://tahlildadeh.royablog.ir/tag/آموزش+برنامه+نويسي/">آموزش برنامه نويسي</a></li> <li><a href="https://tahlildadeh.royablog.ir/tag/آموزش+جامع+دوره+طراحي+سايت/">آموزش جامع دوره طراحي سايت</a></li> <li><a href="https://tahlildadeh.royablog.ir/tag/طراحي+وب+سايت/">طراحي وب سايت</a></li> <li><a href="https://tahlildadeh.royablog.ir/tag/ دوره+جامع+آموزش+طراحي+سايت/"> دوره جامع آموزش طراحي سايت</a></li> <li><a href="https://tahlildadeh.royablog.ir/tag/آموزش+پروژه+محور+طراحي+وب+سايت/">آموزش پروژه محور طراحي وب سايت</a></li> <li><a href="https://tahlildadeh.royablog.ir/tag/آموزشگاه+برنامه+نويسي+تحليل+داده/">آموزشگاه برنامه نويسي تحليل داده</a></li> <li><a href="https://tahlildadeh.royablog.ir/tag/وبسايت+برنامه+نويسي/">وبسايت برنامه نويسي</a></li> <li><a href="https://tahlildadeh.royablog.ir/tag/آموزش+سايت/">آموزش سايت</a></li> </ul> </div> </div>      <div class="menu-block linkbox"> <div class="menu-title"> <span class="menu-title-icon"></span> <h3> پيوندها</h3> </div> <div class="menu-list"> <ul> <li><a href="https://honarfardi.com/public-skills/self-confidence/how-to-believe-in-yourself/" target="_blank">خودباوري</a></li><li><a href="https://sariasan.com/java-script/what-is-js-uses-and-vs-java/" target="_blank">جاوا اسكريپت چيست</a></li><li><a href="https://jalebamooz.com/computer-tips/warning-signs-of-hard-drive-failure/" target="_blank">علائم خرابي هارد</a></li><li><a href="https://charbzaban.com/آموزش-زبان-انگلیسی/گرامر-انگلیسی/آینده-استمراری.html" target="_blank">آينده استمراري</a></li> </ul> </div> </div>   <farsistat> <div class="menu-block blogstats"> <div class="menu-title"> <span class="menu-title-icon"></span> <h3> خلاصه آمار</h3> </div> <div class="menu-cnt"> <ul> <li>مجموع نمایش‌ <span>۴۸۱</span> </li><li>مجموع بازدید <span>۲۵۱</span> </li><li>بازدید امروز <span>۷</span> </li><li>بازدید دیروز <span>۰</span> </li><li>مجموع مطالب <span>۱۸</span> </li><li>مجموع نظرات <span>۱</span> </li><li>افراد آنلاین <span>۱</span> </li> </ul> </div> </div> </farsistat>   </div>  </div>  </div> </div>  <div class="container-fluid"> <div class="container btmbar"> <div class="row"> <div class="pc-36"> <div class="footer"> <div class="row"> <div class="pc-18"> <div class="copyright"> <a href="http://royablog.ir" target="_blank" title="رویابلاگ" class="fblogo"></a> <a href="http://royablog.ir" target="_blank">رویابلاگ</a> : رسـانه وبلاگ نويسان حرفـه اي </div> </div> <div class="pc-18"> <div class="dashboard"> <ul> <li><a href="http://royablog.ir/User/Template/3899/" target="_blank" title="قالب" id="blogtemp-ico"></a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </body> </html>