まりふのひと

RealPlayer と フォト で「夕暮れ」静止画と麻里府音の動画を作ってみた-完了

≪目次≫


いきさつ

 8月4日のブログ『RealPlayer と フォト で「夕暮れ」静止画と麻里府音の動画を作ってみた』は「とりあえず今日はこれまで」で閉じた。そのいきさつは‥‥

  1. ブログの(大きい)画像をクリックしたら、裏で Youtubeを開き「音」が流れ‥‥
  2. そのままブログの続きが見られる

ようにしたかったのだが、動作検証・修正を繰り返してるうち、直しているのだか壊しているのか解らなくなってしまった‥‥ から。
 天候が悪く草刈りができないのを利用して、もう一度、検証することにした。


1.当初の完成イメージ

1.1.はてな記法

 実際には改行せず、1行で書いてある。

<center>
<a href="https://www.youtube.com/watch?v=CAtm-iAYjmE" title="(1) 2020-0804 夕暮れの石八前広苑in麻里府 - YouTube">
<img src="https://cdn-ak.f.st-hatena.com/images/fotolife/o/ogohnohito/20200804/20200804224717.png" width=600>
</a>
<br>
<span style="font-size: 80%">音を聴くには写真をクリックしてください。</span>
</center>
1.2.プレビュー


音を聴くには写真をクリックしてください。

1.3.動作検証

 何れのブラウザーも「はてなブログ」の下書きをプレビューして動作を検証した。

  • Firefox Browser:バージョン 79.0(64ビット)‥‥ まりふのひとのデフォルト ブラウザー
    1. 写真をクリックすると、新しいタブの Youtube がアクティブになり、
    2. 動画面の[▶]をクリックすると 再生が始まる。
    3. ブログを見るには、元のタブを選択する必要がある。
  • Google Chrome:バージョン 84.0.4147.105(64ビット)
    1. 写真をクリックすると、新しいタブの Youtube がアクティブになり、
    2. 自動的に再生する。
    3. ブログを見るには、元のタブを選択する必要がある。
  • IE11:Internet Explorer11 バージョン 11.0.200
    1. 写真をクリックすると、一瞬、新しいタブが出来るが消える
    2. EdgeYoutubeが開き、自動的に再生する。
    3. ブログを見るには、Edgeを閉じる必要があり、「音」も消える。
  • Microsoft Edge:バージョン 84.0.522.52(64ビット)
    1. 写真をクリックすると、新しいタブの Youtube がアクティブになり、
    2. 自動的に再生する。
    3. ブログを見るには、元のタブを選択する必要がある。

2.試行

2.1.はてな記法

 確証は無いが target="_blank" を取り、代わりに「Ctrl+クリック」することにした。

<center>
<a href="https://www.youtube.com/watch?v=CAtm-iAYjmE" title="2020-0804 夕暮れの石八前広苑in麻里府 - YouTube">
<img src="https://cdn-ak.f.st-hatena.com/images/fotolife/o/ogohnohito/20200804/20200804224717.png" width=600>
</a>
<br>
<span style="font-size: 80%">音を聴くには写真を Ctrl+クリック してください。</span>
</center>
2.2.プレビュー


音を聴くには写真を Ctrl+クリック してください。

2.3.動作検証

 何れのブラウザーも「はてなブログ」の下書きをプレビューして動作を検証した。

  • Firefox Browser:バージョン 79.0(64ビット)‥‥ デフォルト ブラウザー
    1. 写真をクリックすると、新しいタブが出来るだけで、見かけ上の変化なし。
    2. 出来たタブのf:id:ogohnohito:20200810183913p:plain:right:w240
      [1個のタブの音声を再生します]をクリックすると、
    3. 再生が始まる。
  • Google Chrome:バージョン 84.0.4147.105(64ビット)
    1. 写真をクリックすると、新しいタブが出来るだけで、見かけ上の変化なし。
    2. 出来たタブを選択すると、自動的に再生する。
    3. ブログを見るには、元のタブを選択する必要がある。
  • IE11:Internet Explorer11 バージョン 11.0.200
    1. 写真を Ctrl+クリックすると、一瞬、新しいタブが出来るが消える
    2. EdgeYoutubeが開き、自動的に再生する。
  • Microsoft Edge:バージョン 84.0.522.52(64ビット)
    1. 写真を Ctrl+クリックすると、新しいタブが出来るだけで、見かけ上の変化なし。
    2. 新しいタブ(Youtube)選択すると、自動的に再生する。
    3. ブログを見るには、元のタブを選択する必要がある。

3.今日の結論

 今回の目的は「蝉の鳴き声を聴きながらブログを読む」ようにしたかったが‥‥

今回の動画は 1分49秒と短いこともあり、

  1. <a>タグに target="_blank" を入れ、(1.当初の完成イメージ)
    • 「Ctrl+クリックしてください」と書いといても、「クリック」する方が多いため...
  2. 写真を「クリック」
  3. Youtubeのタブで 動画を 右クリック ⇒ ループ再生()してもらう。
  4. デフォルト ブラウザーが IE11 の方は、今後のためにも、この際「Microsoft Edge」を既定のブラウザーとして設定()がお勧めかも...

で、「一件落着」とする。