Great question—you don’t have to hack the IMA extension source to get the ad skippable status. Here’s a practical approach tailored to your React Native + ExoPlayer + IMA setup:

Core Idea: Tap into IMA Ad Events from React Native’s Android Layer #

The IMA ExoPlayer extension already accesses the Ad object in its onAdEvent method (as shown in your code), but it doesn’t expose this data to React Native by default. Instead of modifying the extension, you can extend the react-native-video Android module to capture these events and pass the skippable status to your JavaScript layer.

Step-by-Step Implementation #

1. Modify react-native-video’s Android Code to Capture Ad Events
   Locate the class in react-native-video that initializes the ImaAdsLoader (usually in ExoPlayerView.java or a dedicated ad handler class). Add a custom AdEventListener to the loader to intercept the LOADED and STARTED events:

   // Inside your react-native-video Android component where ImaAdsLoader is initialized
   imaAdsLoader.addAdEventListener(new AdEventListener() {
       @Override
       public void onAdEvent(AdEvent adEvent) {
           AdEventType eventType = adEvent.getType();
           Ad ad = adEvent.getAd();
           
           if (ad == null) return;
           
           // Send skippable status to JS when ad loads or starts
           if (eventType == AdEventType.LOADED || eventType == AdEventType.STARTED) {
               WritableMap adData = Arguments.createMap();
               adData.putBoolean("isSkippable", ad.isSkippable());
               adData.putDouble("skipOffset", ad.getSkipTimeOffset() / 1000.0); // Convert to seconds
               adData.putInt("adPosition", ad.getAdPodInfo().getAdPosition());
               
               // Emit event to React Native JS layer
               sendEvent("onAdMetadataLoaded", adData);
           }
       }
   
       @Override
       public void onAdError(AdError adError) {
           // Handle ad errors if needed
       }
   });
   

   Implement the sendEvent method to bridge data to JS using React Native’s ReactContext:

   private void sendEvent(String eventName, @Nullable WritableMap params) {
       reactContext
           .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
           .emit(eventName, params);
   }
   

2. Listen for the Event in JavaScript
   In your React Native component, subscribe to the native event and use the data to control your custom skip button:

   import { DeviceEventEmitter } from 'react-native';
   
   useEffect(() => {
       const adMetadataListener = DeviceEventEmitter.addListener(
           'onAdMetadataLoaded',
           (adData) => {
               // Store ad skippable status and skip offset in state
               setAdIsSkippable(adData.isSkippable);
               setSkipWaitTime(adData.skipOffset);
               // Calculate when the skip button should become enabled
               setSkipEnabledTime(Date.now() + adData.skipOffset * 1000);
           }
       );
   
       return () => adMetadataListener.remove();
   }, []);
   
   // Render your custom skip button based on state
   const renderSkipButton = () => {
       if (!adIsSkippable) return null;
       const canSkip = Date.now() >= skipEnabledTime;
       return (
           <TouchableOpacity 
               style={styles.skipButton}
               disabled={!canSkip}
               onPress={() => handleSkipAd()}
           >
               <Text>{canSkip ? 'Skip Ad' : `Skip in ${Math.ceil((skipEnabledTime - Date.now())/1000)}s`}</Text>
           </TouchableOpacity>
       );
   };
   

3. Implement the Skip Action
   To skip the ad from JS, add a native bridge method to your react-native-video component that calls adsManager.skip():

   @ReactMethod
   public void skipAd() {
       if (adsManager != null) {
           adsManager.skip();
       }
   }
   

   Call this method from JS when the skip button is pressed.

Alternative: Use Reflection (If You Can’t Modify react-native-video) #

If modifying react-native-video isn’t feasible, use Java reflection to access the Ad object from the default onAdEvent callback (a bit hacky but functional):

// In your custom AdEventListener
@Override
public void onAdEvent(AdEvent adEvent) {
    try {
        // Use reflection to get the Ad object if it's not directly accessible
        Field adField = adEvent.getClass().getDeclaredField("ad");
        adField.setAccessible(true);
        Ad ad = (Ad) adField.get(adEvent);
        
        if (ad != null && adEvent.getType() == AdEventType.LOADED) {
            // Send skippable status to JS as before
        }
    } catch (Exception e) {
        e.printStackTrace();
    }
}

Why This Works #

Your original code shows the IMA extension already has access to the Ad object in onAdEvent—we’re just capturing that same data at the react-native-video layer instead of modifying the IMA extension itself. This keeps your setup maintainable and avoids forking core libraries.

内容的提问来源于stack exchange，提问作者Tom Bevelander