UIWebView/WebViewによる動画再生機能の実装方法スマートフォンアプリに「WebView」を組み込み、EQに登録された動画コンテンツが掲載されているHTMLを読み込ませることで、動画再生を実現します。
※再生制御はユーザーによる操作となり、スマートフォンアプリからの制御は想定しておりません。
■iOS端末向けアプリの場合
- 「UIWebView」インスタンスを生成、ロードします。
|
//「UIWebView」インスタンスを生成します CGRect rect = self.view.frame; UIWebView *webView = [[UIWebView alloc]initWithFrame:rect]; webView.scalesPageToFit = YES; webView.delegate = self; // 動画コンテンツが掲載されたURLを指定します NSURL *url = [NSURL URLWithString:@"https://api01-platform.stream.co.jp/apiservice/pl/[動画再生パラメーター]"]; NSURLRequest *request = [NSURLRequest requestWithURL:url]; [webView loadRequest:request]; [self.view addSubview:webView]; |
■Android端末向けアプリの場合
- 「WebView」クラスを利用します。
| 配信方式 | 再生方法 |
| HLS配信 | 各端末にインストールされている標準プレイヤー |
| プログレッシブダウンロード配信 | （「WebView」内の）HTML5プレイヤー |
- マニフェストに「permission」を追加します。
|
<uses-permission android:name="android.permission.INTERNET" /> |
- 「Activity」の「layout」に「WebView」を作成します。
|
<WebView android:id="+id/webview" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1" /> |
- パッケージを「import」します。
|
import android.webkit.WebSettings; import android.webkit.WebSettings.PluginState; import android.webkit.WebView; import android.webkit.WebViewClient; import android.webkit.WebChromeClient; |
- 「WebView」インスタンスを生成、ロードします。
|
setContentView(R.layout.webview); //「WebView」インスタンスを生成します WebView webView = (WebView)findViewById(R.id.webview); WebSettings webSettings = webView.getSettings(); webSettings.setJavaScriptEnabled(true); // JavaScriptを有効にする webSettings.setSaveFormData(false); // FormDataの内容を保存しない webSettings.setSupportZoom(true); // Webページの拡大縮小をサポートする webSettings.setDefaultTextEncodingName(“utf-8”); //デフォルトの文字エンコードを設定する
webView.setWebViewClient(new WebViewClient() { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { //.m3u8という文字列を含むリンクURLの場合ブラウザアプリ起動 if (url.indexOf(".m3u8") != -1) { webView.stopLoading(); Intent i = new Intent(Intent.ACTION_VIEW, Uri.parse(url)); startActivity(i); return false; } else { //外部ブラウザを起動しない View.loadUrl(url); return true; } } }); webView.setWebChromeClient(new WebChromeClient() { });
// 「WebView」プラグインを有効化 setting.setPluginsEnabled(true); // ハードウェアアクセラレーターをON(Android4.x以降ではレンダリングに時間がかかる場合があるため) if (android.os.Build.VERSION.SDK_INT > 10) getWindow().setFlags(0x01000000, 0x01000000); // Equipmediaの動画が掲載されたURLを指定します webView.loadUrl(“https://api01-platform.stream.co.jp/apiservice/pl/[動画再生パラメーター]"); |
【補足】
■動画URLの活用
EQは、動画コンテンツを登録すると、再生用のURLを自動生成する動画URL機能を備えています。この動画URLをご利用いただくと、独自にWebページを設置することなく、動画再生を実現できます。
詳細は、「配信関連機能の各種設定」‐「■動画URL/QRコードについて」をご確認ください。