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

推薦する

Dockerfileの指示と基本構造の説明

Dockerfile を使用すると、ユーザーはカスタム イメージを作成できます。基本構造Docker...

MySQL における explain の役割の詳細な説明

1. MYSQLインデックスインデックス: MySQL がデータを効率的に取得するのに役立つデータ構...

MYSQL サブクエリとネストされたクエリの最適化例の分析

ゲーム史上最高スコアトップ100をチェックSQLコード cdb_playsgame ps から ps...

MySQLでよく使われる演算子と関数の概要

まずデータ テーブルを作成しましょう。 使用テスト; テーブル「従業員」を作成します( emp_no...

MySQLでの少し複雑な使用例コード

序文MySQL の構文は誰にとっても難しいものではないと思いますが、この記事では主に MySQL の...

MySql の 4 つのトランザクション分離レベルについて簡単に説明します。

分離レベル:隔離はあなたが考えるよりも複雑です。 SQL 標準では 4 つの分離レベルが定義されてお...

MySQL インフラストラクチャ チュートリアル: クエリ ステートメント実行プロセスの詳細な説明

序文私は以前から、SQL 文がどのように実行され、どのような順序で実行されるのかを知りたいと思ってい...

Ubuntu 16.04 カーネルのアップグレード手順

1. 環境仮想マシン上で実行されているUbuntu 16.04では、コマンドuname -rを使用し...

Linux環境でIPV6接続をサポートするようにmysql5.6を設定する方法

導入:この記事では主に、Linux システムで IPV6 接続をサポートするように MySQL を構...

docker の実行に必要な権限の分析

Docker を実行するには root 権限が必要です。非 root ユーザーに docker コマ...

フロントエンドJavaScriptのクラス

目次1. クラス1.1 コンストラクタ() 1.2 ゲッターとセッター1.3 これ1.4 静的プロパ...

jsはショッピングウェブサイトの商品の拡大鏡効果を実現します

この記事では、ショッピングサイトの商品の拡大鏡効果を実現するためのjsの具体的なコードを紹介します。...

Vue を使用して 2 つのデータ セットの違いを比較する視覚化コンポーネントの詳細な説明

目次必要:要点:これまでの要点に従って、コンポーネントのプロパティを確立できます。コンポーネントの基...

VirtualBox で作成された Debian 仮想マシンは Windows ホストとファイルを共有します

用語: 1. VM: 仮想マシンステップ: 1. Windows 10 に VirtualBox 6...

Vue命令の実装原理の分析

目次1. 基本的な使い方2. 指示の動作原理2.1. 初期化2.2 テンプレートのコンパイル2.3....