モバイルアプリ内でのWebview実装

    モバイルアプリ内でのWebview実装


    記事の要約

    iOS WKWebviewでShopliveプレーヤーを使用する

    iOS WKWebviewでShoplive Playerを通常どおり使用するには、次の設定を行う必要があります。


    allowsInlineMediaPlayback (インライン メディア再生の許可)

    WKWebViewConfiguration の allowsInlineMediaPlayback を true に設定する必要があります。
    これは、ビデオタグのインライン再生を許可するように設定できるオプションであり、trueに設定するとWKWebviewで通常のプレーヤー動作が可能です。

    let configuration = WKWebViewConfiguration()
    configuration.allowsInlineMediaPlayback = true
    let webView = WKWebView(frame: rect, configuration: configuration)
    

    WKWebview 設定の allowsInlineMediaPlayback について詳しくは、次のドキュメントを参照してください。

    https://developer.apple.com/documentation/webkit/wkwebviewconfiguration/1614793-allowsinlinemediaplayback

    Shoplive プレーヤーは WKWebview に基づいており、サポートが中断されたUIWebview を公式にサポートしていません。
    UIWebview のサポート中止の詳細については、以下を参照してください。

    https://developer.apple.com/documentation/uikit/uiwebview

    現在、お客様のモバイルアプリケーションがUIWebviewを使用している場合は、WKWebviewに切り替えることをお勧めします。
    (UIWebView は、iOS での公式サポート終了に伴い、非推奨になりました。
    やむを得ずUIWebviewを使用する場合は、WKWebviewと同様に以下の設定が必要になります。

    let configuration = WKWebViewConfiguration()
    configuration.allowsInlineMediaPlayback = true
    let webView = WKWebView(frame: rect, configuration: configuration)
    




    UIWebview 構成での allowsInlineMediaPlayback の詳細については、次のドキュメントを参照してください。


    What's Next