web-dev-qa-db-ja.com

Expoを使用してYoutubeビデオを再生する方法

エキスポプロジェクトで react-native-youtubeコンポーネント を使用しようとしています。しかし、私はそれを動作させることができませんでした。私が今のところ持っているのは、赤い境界線のある黒い画面だけです。 online のビデオの指示に従ってみましたが、expoにはiOSまたはAndroidフォルダーがないため、XCodeで開いていじることができません。どうすればexpoを使用してYouTubeビデオを再生できますか？私の質問からお気づきかもしれませんが、私はexpoを使用してネイティブに反応するのは初めてです。

iosreact-nativeyoutubeexpo
5
NSCoder

現時点では、YouTubeはExpoでサポートされていません。プロジェクトを切り離して react-native-youtube ライブラリをインストールするか、次のようにWebViewからビデオをロードすることができます。

<WebView
    style={{flex:1}}
    javaScriptEnabled={true}
    source={{uri: 'https://www.youtube.com/embed/ZZ5LpwO-An4?rel=0&autoplay=0&showinfo=0&controls=0'}}
/>
13
Agu Dondo

ReactネイティブアプリケーションでYouTubeビデオを取得する現在の方法は、プロジェクトでReact NativeのWebViewコンポーネントを使用することです。

これは、Instagramのサインアップフローを例として使用して、WebViewがどのように機能するかの例を示すスナックです： https://snack.expo.io/HJRKKTmAx 。

それがあなたが探しているものではなかった場合は申し訳ありません:(

React-native-youtubeコンポーネントを使用するには、ExpoプロジェクトExpoKitをデタッチする必要があります。

ExpoKitはObjective-CおよびJavaライブラリであり、Expoプラットフォームと既存のExpoプロジェクトをより大きな標準ネイティブプロジェクトの一部として使用できます。通常はXcodeを使用して作成します。= Android Studio、またはreact-nativeinit。

詳細はこちら： https://docs.expo.io/versions/v18.0.0/guides/detach.html

これらの2つのオプションで問題が解決することを願っています。他に役立つ方法があれば、お知らせください。

5
Jim