在Android项目是引入react-native-video可以查看我之前的文章。
-
前言
开开心心的引入react-native-video，并且快乐的使用着，模拟器正常播放，大部分安卓手机也正常播放。
但是事情就发生在发布前夜，手持小米8（Android9 , API 28）的我正测试着，打开视频一看居然播放不出来，其他手机测试都没问题啊，为啥？miui？小米？miui？小米？是他们的锅吗？
于是我谨慎的点击了几次手机版本号，打开开发者模式，连上手机，debug测试。并且调出onError回调，小心翼翼的点开一个视频，大概过了漫长的1s，一片红到来。
onError回调：
{"error":{"errorException":"Unable to connect to http://xxx.mp4","errorString":"Unrecognized media format"}}
-
瞎扯
嗯，从上图看，很明显是ExoPlayer的锅，那么我改用原生的MediaPlayer播放，改的不亦乐乎，于是乎又不行，出现下面报错，什么鬼？
05-13 14:32:20.090 32102-32223/com.xxx E/MediaPlayerNative: error (1, -2147483648)
05-13 14:32:20.091 32102-32102/com.xxx E/MediaPlayer: Error (1,-2147483648)
-
认真起来
经过很长时间的折腾，加上时间紧急，头脑一片混乱。喝杯咖啡冷静一下，从一开始的报错排查，于是换回ExoPlayer播放器。
脑子里只有以下两点问题
1、ExoPlaterImplInternal:Source error.
2、Unrecognized media format
忽然眼前一亮，发现不止一个异常信息，我忽略了这个
Caused by: java.net.UnknownServiceException: CLEARTEXT communication to xxx.com not permitted by network security policy
-
问题分析
Android P (API27 以上) 限制了明文流量的请求，这样的请求会被系统禁止掉。而我用的视频地址是http，而非https，这样就会导系统禁止该请求，然而导致播放失败。刚好我的targetSdkVersion=28。
-
问题解决
面对这个问题，项目发布之际，不可能修改视频地址，于是想到如下解决办法：
在Android项目中的res目录下新建xml目录，新建network_security_config.xml文件，xml文件配置如下：
<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
<base-config cleartextTrafficPermitted="true"/>
</network-security-config>
随后，在AndroidManifest.xml文件中设置：
<application
...
android:networkSecurityConfig="@xml/network_security_config"
... >
//...
</application>
-
测试
ok，没问题，手机终于可以正常播放了！
如果同样是使用ReactNative双平台开发的朋友们，不妨关注我，我们一起入坑。
觉得文章对您有用，请点个赞或者赞赏(是一种美德)，感谢！
