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 設定ファイルの詳細な説明と最適化の提案ガイド

推薦する

JS でオブジェクト プロパティを簡単にトラバースするいくつかの方法

目次1. 自己列挙可能なプロパティ2. Object.values()はプロパティ値を返します3. ...

Windows 10でDockerコンテナのポートにアクセスできない問題に対する完璧な解決策

Windows 10 で Docker コンテナのポートにアクセスできない問題を解決する (ポート ...

JavaScript が Taobao の虫眼鏡効果を模倣

この記事では、淘宝虫眼鏡効果を実現するためのJavaScriptの具体的なコードを参考までに紹介しま...

さまざまな環境での Docker Compose のインストール方法

1. オンラインインストール現在、Linux x86アーキテクチャのオンラインインストールのみを試し...

Mysql5.7 で JSON 操作関数を使用する手順

序文JSON は、言語に依存しないテキスト形式を使用する軽量のデータ交換形式で、XML に似ています...

読み込み進捗バーのネイティブ JS 実装

この記事では、ネイティブ JS によって実装された動的読み込みプログレス バーの特殊効果を紹介します...

MySQL マルチテーブルクエリ例の詳しい解説 [リンククエリ、サブクエリなど]

この記事では、例を挙げて MySQL のマルチテーブル クエリについて説明します。ご参考までに、詳細...

antd+reactプロジェクトをviteに移行するためのソリューションの詳細な説明

Antd+react+webpackは、多くの場合、Reactテクノロジースタックに基づくフロントエ...

CSS3で実装された炎のアニメーション

成果を達成する実装コードhtml <div class="コンテナ">...

docker+gitlab+gitlab-runnerの詳細なデプロイメント

環境サーバー: centos7クライアント: ウィンドウCentos7 に docker+gitla...

Photoshop を使って Web ワイヤーフレームを作成する方法

この投稿では、通知、画像とビデオ、フォーム フィールド、タイトル、段落、箇条書きリスト、ナビゲーショ...

純粋な CSS 流星群の背景サンプルコード

GitHubアドレス、気に入ったらスターを付けてくださいプラグインのプレビューチュートリアルコード表...

デザイン理論:人間中心のグリーンデザイン

「人間中心」と「グリーンデザイン」という2つの視点から考える——デザイン業界の同僚とも議論する2つの...

圧縮パッケージを使用して Linux 環境に JDK 13 をインストールする方法

JDK とは何ですか?まあ、この質問がわからないのであれば、なぜこれをインストールするのか本当にわか...