ブラウザ上で複数の画像を同時にコマ送りしたい

前提・実現したいこと

リンク先のページでは観測データの情報が表示されます。やりたいことは、リンク先画面の「要素選択」のタブで切り替わる画面を全て１つのブラウザで同時に見られるように並べて表示させ、表示時間ボタン（<と>）を押すと、同時に全ての気象要素がコマ送りされるようなページを作成したいですが、webの知識が足りず、何から手をつけていいのかわからず、お知恵を拝借したいです。

現状

苦し紛れですが..以下のhtmlファイルを作成しました。実行すると、風、気温、日照が１つのブラウザで表示されます。

<html>
<head>
  <title>フレームテスト</title>
</head>
<frameset cols="50%,*">
  <frame src="https://www.jma.go.jp/jp/amedas/210.html?elementCode=1" name="frame1">
  <frameset rows="50%,*">
    <frame src="https://www.jma.go.jp/jp/amedas/210.html?elementCode=2" name="frame2">
    <frame src="https://www.jma.go.jp/jp/amedas/210.html?elementCode=3" name="frame3">
  </frameset>
  <noframes>
    このページはフレーム対応のブラウザでご覧ください。
  </noframes>
</frameset>
</html>

課題

一斉にコマ送りの操作ができるボタンの機能の実装方法がわかりません。

行動規範の内容に同意します

回答1件

こんばんは。
質問のようにするためには、フレーム内のボタンが押された時のイベントを捕捉する必要があるのですが、CORSの問題で恐らく捕捉出来ないので、コマ送りするためにはブラウザ自体の拡張機能を使うなど別のアプローチが必要だと思われます。
申し訳ありませんがそれ以上のことは思いつきませんでした…ご参考までに…

投稿2020/12/20 08:43