Nasıl Yerel Android Webview'in arka planda Youtube'u çalıştırmasını engellersiniz?

Question

Uygulamam, "YouTube videolarının arka planda oynatılmasını sağlamadığından emin olun" için oyun deposunda reddedildi. Temel Webview bileşenini kullandım ve bir youtube sayfası yükledim. Youtube filmini oynadıktan ve ana sayfaya geri döndükten sonra, youtube filmi arka planda çalmaya devam ediyor.

Uygulama duraklatıldığında Web görünümünü duraklatmak için nasıl bir tanıtıcı alabilirim?

Answer 1

Tamam, bu yüzden oluşturarak sona erdi benimkinin MyReactWebViewManager:

public class MyReactWebViewManager extends SimpleViewManager<WebView> { 

private static final String REACT_CLASS = "RCTMyWebView"; 

.... 

Ve içinde, ben şu onHostPause geçersiz kılma ile MyReactWebView oluşturuldu:

private static class MyReactWebView extends WebView implements LifecycleEventListener { 
    ... 

    @Override 
    public void onHostResume() { 
     // do nothing 
     Log.i(REACT_CLASS,"onHostResume"); 
     this.onResume(); 
    } 

    @Override 
    public void onHostPause() { 
     // do nothing 
     Log.i(REACT_CLASS,"onHostPause"); 
     this.onPause(); 
    } 

Umarım, bu tepki tarafından ele alınacaktır Gelecekte -native.

Answer 2

Basitçe web görünümüne Sen den AppState kullanabilirsiniz

<WebView 
    mediaPlaybackRequiresUserAction={true} 
/> 

Answer 3

= {true}

mediaPlaybackRequiresUserAction bu pervane eklemek tepki yerli: documentation.

Ve uygulama devlet 'aktif'

import React, {Component} from 'react' 
import {AppState, WebView} from 'react-native' 

class AppStateExample extends Component { 

    state = { 
     appState: AppState.currentState 
    } 

    componentDidMount() { 
     AppState.addEventListener('change', this._handleAppStateChange); 
    } 

    componentWillUnmount() { 
     AppState.removeEventListener('change', this._handleAppStateChange); 
    } 

    _handleAppStateChange = (nextAppState) => {   
     this.setState({appState: nextAppState}); 
    } 

    render() { 

    return (

     {this.state.appState == 'active' && 
      <WebView /> 
     } 

    ) 

    } 

} 

Eğer Expo ile çalışıyorsanız, bu iyidir, gerek herhangi dokunmak yalnızca (YouTube embed içerir) web görüntülemesini göstermek yerel kod.