• 締切済み

動画をダウンロード中の画面

mp4ファイルをダウンロードする時にダウンロードが完了するまでの間 ダウンロード中のマークをページに表示させたいのですが、ajaxを使えば可能なのでしょうか? ブラウザがファイルをダウンロードし終わったかどうかの状況を取得する必要があるかと思いますが、 phpとajaxを使った場合可能なのでしょうか。 宜しくお願いいたします。

みんなの回答

  • tracer
  • ベストアンサー率41% (255/621)
回答No.1

ダウンロード中のマークをページに表示させるだけならajaxやphpは関係ないですね。 ただ、ページを読み込んでから任意のタイミングでmp4をダウンロードさせたい時に、ajaxが必要になるだけです。 実装方法ですが、試したことはないけれど、たぶん画像と同じじゃないかな。 ネイティブjavascriptならonload、jqueryなら$("#mp4").on("load")でいけると思います。 例に出されたことは、随一読み込み進捗を確認する必要がないので、ただ、読み込み完了時に「読み込み完了」だけを取得すればよいと思います。 イメージとしては、 1. ダウンロードボタンクリック → ダウンロード開始 & 読み込み中画像表示 2. 読み込み完了通知取得 → 読み込み中画像非表示 こんな感じだと思います。

参考URL:
http://www.pxt.jp/ja/lab/themes/webtech/javascript/imageonload/
happyprice
質問者

お礼

回答ありがとうございました。 とても参考になりました。

関連するQ&A

  • ブラウザでのHTMLダウンロード

    ブラウザである動的ページをダウンロードし、 ユーザがオフライン環境でもWebページを閲覧できるようにしたいと考えています。 そこで、質問ですが、 動的ページをダウンロードするには、どういった方法があるでしょうか? ブラウザでは、例えばIEの場合、名前を付けて保存とすればそのページを表示するのに必要な全ファイル(CSS,HTML,画像等)をダウンロードできます。 こういった方法しかないのでしょうか? また、名前を付けて保存とすると、たまに、「このページは正しく保存されない可能性があります」というメッセージが表示されます。 これはどういったHTMLの場合に表示されるのでしょうか? (これはJavaというよりもブラウザの質問ですね・・・) 私の目的は、確実に動的ページをオフライン環境でも閲覧できるようにすることです。 そのためには、動的ページを構成する全ファイル(CSS,HTML,画像等)のダウンロードが必須です。 どなたか詳しい方、ご教授をよろしくお願いいたします。

    • ベストアンサー
    • Java
  • PHPにてHTMLページ表示とは別プロセスで処理を実行したいのですが

    PHPにてHTMLページ表示とは別プロセスで処理を実行したいのですが PHPにて動的にページ生成する場合には内部の処理が全て完了して全てを読み込まなくては ページが表示されないと思うのですが、一旦ページを表示させて処理を継続して実行する ことはできないでしょうか? その処理はページの表示には関係ないのでajaxのようなページを表示後に新たに表示させると いった事は必要ありません、単にページ表示後にファイルを読み込んでDBに格納する処理を 行いたいのですが方法はないでしょうか?

    • ベストアンサー
    • PHP
  • phpinfo.phpを開くとファイルのダウンロードになる

    phpの動作確認のため、phpinfo.phpファイルを作成しました。 <?php  phpinfo(); ?> という内容のphpファイルなのですが、ブラウザで確認しようとすると 「ファイルのダウンロード」というメッセージが表示され、肝心の phpの動作確認が出来ない状態です。 普通に開いて動作確認するためにはどうすればいいのでしょうか? アドバイスをお願いいたします。 ※phpの設定変更等は完了しています。

  • ダウンロード後に自動で画面を移動

    簡単なダウンロードシステムを制作しています。 サーバ側はPHPを使用しています。 ダウンロード画面からファイルを選択し、ダウンロードのポップアップ「開く」「保存」「キャンセル」のどれかを選択後に、ダウンロード画面を完了画面に推移したいと考えています。 この場合、ダウンロードのポップアップが表示された時点でクライアント側に処理が移行しているので、PHPは無関係と考えております。 JavaScriptや他の方法で可能であればご教授下さい。 宜しくお願いします。

  • AJAXでサーバーにある連想配列を取り出す

    こんにちは。PHP学習者です。 ブラウザ上でAJAXを使って、サーバーにあるPHPで作ったデータファイルを取得する方法は知っていますが、連想配列を取得することは出来ますか? 今までは連想配列をわざわざテキストファイルに書き換えてからAJAXで取得していましたが、もし直接取得する方法があれば知りたいと思いました。 詳しい方、どうかよろしくご教授ください。お願いします。

  • ページの表示と同時にダウンロードさせたい

    いつもお世話になっています。 入力フォームから必要な項目を入力して、送信するとPHPでいろいろ処理して、その後ありがとうページを表示させると同時にファイルのダウンロードをさせたいと考えています。 処理をするPHPでありがとうページを書き出ししても、別なページに飛ばしてもいいのですが、header(Location:~)ではページが表示できず、別なページを作ってHTML表示後にheader(Location:~)だとファイルのダウンロードができずに困っています。 header(Location:~)を使わずにページの表示と同時にファイルのダウンロードが始まるようにできないでしょうか。

    • ベストアンサー
    • PHP
  • Ajax+JavaScriptにて外部データの取得について教えて下さい。

    お世話になります。 現在、JavaScriptとAjaxを勉強中なのですが、Ajaxを使ったデータ取得において、外部サーバデータ(例えばYahooホームページのソース)等を取得するには、PHPにて作成した簡易ブラウザが必要と記してありました。 つきましては、PHPでの簡易ブラウザのコードが記述されている書籍・サイトをご紹介頂けます様お願いします。 また、AjaxにてPrototype.jsなどを使っているのですが、具体的で実用的なAjaxの使い方をご教示頂けます様お願いします。 上記質問がカテ違いの場合はご指摘頂けます様お願いします。

    • ベストアンサー
    • AJAX
  • ダウンロード画面が表示されない

    HP上のファイルをダウンロードする時、左クリックをすると「ファイルをダウンロードしますか」といった表示がされずに勝手にダウンロードがはじまってしまうのです。 しかもどうやら「一時フォルダ」で「開く」になっているようで、それが完了すると勝手に開いてしまうのです。 どうすれば表示されるようになるのでしょう。よろしくお願いします。

  • 今までできていたmp3ファイルのダウンロードができなくなってしまいました

    初めまして。 質問をさせていただきます。 最近、なぜかuploader等にアップされたmp3ファイルのダウンロードができなくなってしまいました。 今までダウンロードしようとすると、確認ダイアログがでてきてダウンロードできたのですが、この間mp3ファイルをダウンロードしようとした所、何もない真っ白なページが表示され、ファイルから「名前を付けて保存」にすると、そのページ自体(web アーカイブ、単一のファイル)を保存、としか選択できませんでした。 以前まで再生、または保存ができていたので、原因がわかりません。 似たような質問が既出でしたら、URLをはって頂くと嬉しいです。

  • ajaxとphpでapiのデータ取得

    上手にお伝えできるか不安ですが、以下の事象の原因で考えられるものがありましたら、アドバイスいただきたいです。 [処理内容] js(ajax)でphpをたたいて、GAのapiに接続、ページビューを取得して その取得内容もとにphpで静的ファイルを生成(jsonやhtml)して、任意の箇所で表示させています。 アクセスランキングのようなものになります。 ---------------------------------------------------- jsでphp呼び出し→phpでGAにアクセス→GA→phpで受け取る→jsonやhtml生成 ---------------------------------------------------- [気になる事象] GAからのデータの取得やjsonの生成は概ねうまくいっているのですが、時にデータが取得できない時があります。 何故かphpファイルを更新する(ソースに改行を加えただけ)と正しいデータが取得できたりします。 そんなことが動作に影響するのかわからないのですが、また1日後とかにデータを取得して表示させようとすると、 phpファイルを更新しない限り前回取得した状態から更新されなくなります。 キャッシュみたいなものが介在するのかわからないのですが、ajaxの部分の記述でcashはfalseとしています。 ちなみにGAの管理画面ではページビューが取れているので、apiとphpの間が怪しいといえば怪しそうな気もしています。 尚、静的ファイル(jsonやhtml)のタイプスタンプの更新は、js(ajax)にアクセスする度に正しく行われている為、 それらのファイルの生成そのものは問題ないと思われます。 拙い説明で恐縮ですが、 どうぞよろしくお願いいたします。

    • 締切済み
    • PHP

専門家に質問してみよう