質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
canvas

HTML5の<canvas>要素用のタグです。CanvasはHTML5から導入された、二次元の図形描写が可能な要素です。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Q&A

0回答

1175閲覧

iPhoneのSafariにライブ中継の映像とボタンを設置、ページ上のボタンを押すと中継先におかれた機械が動く様子を見れるようにしたいです

pro_rin_ta

総合スコア8

canvas

HTML5の<canvas>要素用のタグです。CanvasはHTML5から導入された、二次元の図形描写が可能な要素です。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

0グッド

0クリップ

投稿2016/04/26 02:01

###前提・実現したいこと
現在一般向けのイベントページを制作しようとしております。
スマホのブラウザ上にライブ中継の映像とボタンを設置し、
ボタンを押すと中継先におかれた機械が動いてその様子を確認するということを実現したいです。(音声は無し)

###問題
Android の Chrome はライブ中継に対応しているのですが
iPhone の Safari だとライブ中継を表示させようとすると必ず全画面になり
ライブ映像を見ながら操作できない。

###お聞きたいこと
iPhone の Safari 上でライブ中継の映像と機械の操作ボタンを同じ画面に表示させたいのですが、
このような事は可能なのでしょうか?

###試したこと
↓下記ページで canvas に video タグを毎回レンダリングすることで映像を表示させることができるようなので
読み込む mp4 を ライブ中継 にしたら可能なのではと思ったのですが…

iPhoneでビデオプレーヤーを立ち上げること無く、Safari内でムービーが流れているようにみせる

###補足
コードなどもっと具体的なことをきくべきなのかもしれませんが
探しても見つからなかったのでこちらで質問させていただきました。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問