HTML マルチメディア アプリケーション: Web ページにフラッシュ アニメーションと音楽を挿入する

HTML マルチメディア アプリケーション: Web ページにフラッシュ アニメーションと音楽を挿入する

1. HTML_falshアニメーションでのマルチメディアの応用(WebページへのFlashアニメーションの挿入)

1. Flashアニメーションの挿入方法1: <embed>...</embed>タグを使用するとアニメーションが自動的に縮小されます

財産:
src=url(フラッシュパス)
幅=ピクセル/パーセンテージ(フラッシュ幅)
高さ=ピクセル/パーセンテージ(偽の高さ)
wモード
ウィンドウはFlash独自の長方形ウィンドウを再生します
不透明にすると、フラッシュがページの後ろで隠れる
透明はフラッシュの背景を透明にします

<embed src="../../../Material Library/Flash Animation Material/Text 1.swf" width="600"></embed>

<embed src="../../../Material Library/Flash Animation Material/Picture Commercial Home Advertising.swf" wmode="window"></embed>

2. Flashアニメーションを挿入する2番目の方法:<object>...</object>タグを使用してFlashアニメーションを挿入します。DWソフトウェアを使用して、<object>、挿入--マルチメディア--ファイルの選択というコードを自動的に生成することもできます。

2. HTML_mp3でのマルチメディアの応用(Webページへの音楽の挿入)

1. <embed>...</embed> を使用する
プロパティ値の説明
utostart true/false 自動/非自動再生
ループ数 音楽がループする回数(追加しない場合は無限)

その前身はバックグラウンドミュージックとして使用できる<bgsound src="URL" loop="number">です。

コードをコピー
コードは次のとおりです。

<embed src="../../../Material Library/Cai Chunjia - Waiting for a Sunny Day.mp3" autostart="true" loop="4"></embed>
<bgsound src="../../../Material Library/Deng Ziqi - 記憶の砂時計.mp3"/>

2. <object>...</object>タグを使用してMP3音楽を挿入する属性値説明
名前 src (パス) 音楽パス
utoplay (true/false) 自動的に再生するかどうか


コードをコピー
コードは次のとおりです。

<object data="../../../Material Library/Cai Chunjia - Waiting for a Sunny Day.mp3">
<param name="src" value="../../../Material Library/Cai Chunjia - Waiting for a Sunny Day.mp3"/>
<param name="autoplay" value="flase" />
</オブジェクト>

3. 移動可能なテキストを設定する

<marquee>移動可能なテキスト</marquee> (制限あり、一部のブラウザではサポートされていません)

財産:
direction="スクロール方向" (左 (デフォルト)、右 (右)、上 (上)、下 (下))
動作="スクロール モード" (スクロール (円を描くように移動する)、スライド (1 回だけ移動する)、交互 (前後に移動する))
loop="スクロールサイクル数" デフォルトのループは無限(無限)です
scrolldelay="delay" (1ステップ進み、1ステップ停止)
scrollmount="speed" (値が大きいほど速くなります)
bgcolor="背景色"
幅="幅"
高さ="高さ"
hspace="pixel" ブラウザの境界線の左右の間隔
vspace="pixel" ブラウザの境界線の上辺と下辺の間の間隔
onmouseover="this.stop()": マウスを置いたときにスクロールを停止します
onmouseout="this.start()" マウスを離してスクロールを続ける


コードをコピー
コードは次のとおりです。

<本文>
<marquee direction="left" behavior="scroll" scrollamount="3" bgcolor="#FFFFCC" width="440" height="250" hspace="100" vspace="100" onmouseover="this.stop()" onmouseout="this.start()">
<ul type="square">
<li>公安部副部長の李東勝氏が捜査を受けた。中央政府の反汚職運動は政法委員会のトップレベルにまで浸透している</li>
<li>ロイター:ベルギー企業が中国の北斗システムのコードを書いた</li>
<li>We-media の変化: エンターテイメント業界のエージェント モデルは試してみる価値がある</li>
<li>国務院のシンクタンクが銀行の過剰利益を批判:子犬でも銀行頭取の席に座れば金儲けできる</li>
<li>チベット党書記:2013 年のチベット人の 98% が安全に満足している</li>
<li>有名な「公愛人」のリスト:全員が複数の汚職官僚と関係を持っていた(写真あり)</li>
<li>外国メディアは、中国の公務員は仕事に依存するようになり、人生に意味がなくなったと報じている</li>
<li>劉強東は研修旅行から戻った後、あっという間に体重を減らし、李国青を懐かしんだ</li>
<li>北朝鮮が韓国への攻撃を警告、韓国と米国の軍高官が西部戦線を視察</li>
<li>マーティン・ルーサー・キングの誤った広告からわかる文化の違い</li>
<li>重慶市、国有企業の指導管理体制を調整し、60歳定年制を厳格に実施</li>
</ul>
</マーキー>
</本文>

<<:  タオバオモールのホームページ上の大きな画像のデザイン構造に関する分析と意見(写真)

>>:  Nginx 設定ファイルの詳細な説明と最適化の提案ガイド

推薦する

Linuxアカウントファイル制御管理の詳細な手順

Linux システムでは、ユーザーが手動で作成したさまざまなアカウントに加えて、システムまたはプログ...

ウェブデザインで注意すべき検索最適化の知識

1. 新サイトホームページのリンクレイアウト1. リンク配置の位置:リンク配置の位置によって、リンク...

JS でページのスクリーンショット機能を実装する方法

「ページのスクリーンショット」は、ページポスターの生成、ポップアップ画像の共有など、フロントエンドで...

jsでの位置計算を徹底的に理解するのに役立つ記事

目次導入スクロール要素.スクロール()要素.scrollHeight/scrollWidth要素.s...

ChromeとIEに対応したWMPに埋め込まれたHTMLの詳細な紹介

実際には、対応する記述方法は多数ありますが、最も一般的なのは object + embedded で...

el-select のスタイルを変更する方法の詳細な説明: popper-append-to-body と popper-class

elementUI が提供する el-select コンポーネントのスタイルを変更する方法この問題...

Vue3でelement-plusを使用する方法の詳細な説明

目次1. インストール2. main.jsにインポートする3. 使用Vue3がリリースされてからしば...

MySQLのメモリ使用量を表示する方法の詳細な説明

序文この記事では主にMySQLのメモリ使用量に関する関連コンテンツを紹介し、皆さんの参考と学習のため...

Nginx 502 Bad Gateway エラーの原因と解決策

Nginx 502 Bad Gateway エラーに何度か遭遇しました。ここでメモしておこうと思いま...

Linux で MySQL をインストールする簡単な方法

Linux に MySQL をインストールする方法をオンラインで検索すると、多くの方法が表示されまし...

正の整数かどうかを判断するMYSQLカスタム関数の例コード

関数を記述できます。主に正規表現を使用して判断を行います。入力文字が空の場合は、「-」を使用して置き...

JavaScript によるデータ視覚化: ECharts マップの作成

目次概要予防1. 使用方法2. 実装手順予備実装コード効果: Geo共通設定上記の構成を追加した後の...

CentOS 7.2 は uniapp プロジェクトを展開するための nginx Web サーバーを構築します

Pantherは新人としてスタートし、今もまだ新人ですが、人々から学び、学んだことを時々皆さんと共有...

JavaScript フォーム検証の例

HTML フォームは、名前、電子メール アドレス、場所、年齢などのユーザー情報を収集するためによく使...