Flutter audioplayer 和 video_player 插件不能播放网络音频和视频文件的原因

最新推荐文章于 2024-07-05 02:32:22 发布
最新推荐文章于 2024-07-05 02:32:22 发布
阅读量5.4k 收藏 3
点赞数
分类专栏： Flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/IT_Boy_/article/details/106506140
版权
在 Flutter 项目中，使用 audioplayer 和 video_player 插件播放 HTTP 协议的网络音频和视频文件时遇到问题。官方示例因使用 HTTPS 而能正常播放。从 Android 9.0 (API level 28) 开始，系统默认禁止明文通信。为解决此问题，需要在 AndroidManifest.xml 中进行网络安全配置，允许 HTTP 协议，配置后即可播放成功。
摘要由CSDN通过智能技术生成

前言

笔者在最近的 flutter 项目开发过程中，需要播放网络上的 url 音频和视频文件，就找到了 audioplayer 和 video_player 插件，但是刚开始使用的时候就遇到了官方的 demo 能播放，而我自己的网络音频和视频文件都播放不了，我就很郁闷了，后来找了一下资料才发现原来是协议的问题，官方 demo 使用的都是 https 协议，所以不用配置什么东西就可以直接运行，而我自己的网络音频和视频文件都是 http 协议的，需要配置一下才能使用。

配置

1.没有配置时使用 http 协议的 url 源文件，出现如下错误：

No Network Security Config specified, using platform default

了解本专栏 订阅专栏 解锁全文 超级会员免费看
技术的搬运工
关注
专栏目录
订阅专栏
最佳 Flutter 音乐流媒体选项
分享身边生活经验blog
09-27 2147
遇见音乐App，无损音乐下载播放软件，无广告全网音乐随心听！所以你想制作一个音乐流媒体应用程序，但你不知道从哪里开始？好吧，你来对地方了。本指南将概述创建应用程序时要考虑的重要因素，并将比较三个开源音频播放器插件的功能和优势：Just Audio、AudioPlayers和Assets Audio Player。作为奖励，本文还将提供有关如何在第三方包停止工作的潜在情况下使您的应用程序面向未来的信息。让我们开始吧！
Flutter踩坑之video_player无法在Android9上播放
a875801的博客
06-11 7996
video_player在Android9上的兼容问题 具体问题 我当前flutter版本1.2，video_player0.10.0+2，在安卓7-8版本中测试暂无问题，但是在安卓9版本手机上无法播放URL地址的视频。 问题原因 安卓上从9.0(API level28)开始，明文通信支持默认是被禁用的，官方说法是不安全。因为我们播放的视频源是http协议，所以无法播放。 解决方法 修改Andro...
vue视频插件video-player点击控制条也会触发暂停事件弹出蒙层
weixin_46276411的博客
05-08 1196
项目开发中遇到问题：触发暂停事件弹出蒙层，问题是点击进度条也会触发暂停事件弹出蒙层 基本代码 <video-player id="video" class="video video-player vjs-custom-skin" ref="videoPlayer" :options="playerOptions" @play="onPlayerPlay($event)" @pause="onPlayerPa
Flutter播放音频
最新发布
Wuxiaoming135的博客
07-05 365
【代码】Flutter播放音频。
flutter audioplayers报错E/MediaPlayerNative( 3092): error (1, -2147483648)
Zyh's blog
08-31 955
报错信息： E/MediaPlayerNative( 3092): error (1, -2147483648) E/MediaPlayer( 3092): Error (1,-2147483648) E/MediaPlayerNative( 3092): stop called in state 0, mPlayer(0x76e8689540) E/MediaPlayerNative( 3092): error (-38, 0) 解决方法： 我们将MP3文件传到JukeHost上生成外链即可。 ...
flutter-audioplayers-audiocache-暂停播放
jonathan_joestar的博客
07-15 2080
学习audioplayers的时候，想要暂停audiocache的播放，找到了这篇 https://medium.com/@pongpiraupra/a-comprehensive-guide-to-playing-local-mp3-files-with-seek-functionality-in-flutter-7730a453bb1a 关于他的这句 AudioPlayer advancedPlayer = new AudioPlayer(); AudioCache audioCache = new A
Flutter引用video_player报错
Coder_Mumu的博客
04-13 1648
错误信息： The current Flutter SDK version is 1.12.13. Because video_ player 0.10.8+1 requires Flutter sDK version »1.12. 13+hotfix.4 <2.0.0 and no versions of video_ player match >0.10.8+1 <0.11...
直播-腾讯云推流-sdk 播放地址不正确一直没法播放的解决方案---蜻蜓系统-uniapp-flutter通用版
一颗优雅草科技-央千澈的CSDN博客~只想无穷无尽的学习~
12-01 486
直播-腾讯云推流-sdk 播放地址不正确一直没法播放的解决方案---蜻蜓系统-uniapp-flutter通用版 /app/Services 这个问题耽误了时间，有必要记录 而方法在这部分： 腾讯云后台 简单说播放地址其实是固定的，之前方法有错，推流地址是需要加appname的， 目前蜻蜓系统这个方法是这样写的播放地址 原来的 * 生成播放地址 */ public function getLiv...
使用Flutter进行音频和视频处理的技巧
Flutter作为一个跨平台的移动应用开发框架，提供了丰富的API和插件，可以用于处理音频和视频数据。在移动应用开发中，我们常常需要使用音频和视频来丰富用户体验，例如音频播放、视频播放、音视频录制等功能。...
从新手到Flutter架构师，一篇就够！Flutter 史上最全开源项目（UI、导航、网络、导航、音视频...）
weixin_43901866的博客
12-25 1100
作者：xiangzhihong 链接：https://juejin.im/post/5de48586e51d455c0172baac 来源：掘金 Flutter是Google推出的一套开源跨平台UI框架，可以快速地在Android、iOS和Web平台上构建高质量的原生用户界面。同时，Flutter还是Google新研发的Fuchsia操作系统的默认开发套件。在全世界，Flutter正在被越来越多的...
从新手到Flutter架构师，一篇就够！Flutter 史上最全开源项目（UI、导航、网络、导航、音视频
2401_84123171的博客
04-19 847
一个用于Flutter图像展示的控件，与官方提供的Image组件相比，image_carousel支持左右划动来切换上一张下一张图像，并且image_carousel还结合了zoomable_image的功能，因此可以点击后缩放查看图片，除此之外，image_carousel还支持Asset和网络图像。在Flutter开发中，图像是一个重要的模块，主要是图片的加载和图片的处理。有时候为了数据的安全方面的考虑，会对传输的数据或本地保存的数据进行编解码、加密解密操作，如果有这方面的操作，可以使用下面的库。
flutter开发实战-实现获取视频的缩略图封面video_thumbnail
一名开发者
12-01 2132
flutter开发实战-实现获取视频的缩略图封面video_thumbnail在很多时候，我们查看视频的时候，视频没有播放时候，会显示一张封面，可能封面没有配置图片，这时候就需要通过获取视频的缩略图来显示封面了。这里使用了video_thumbnail来实现获取视频的缩略图。
Flutter video_player 报错解决 E/ExoPlayerImplInternal: Source error.
qq_35364808的博客
12-24 4874
E/ExoPlayerImplInternal(19214): Source error. E/ExoPlayerImplInternal(19214): com.google.android.exoplayer2.upstream.HttpDataSource$InvalidResponseCodeException: Response code: 500 E/ExoPlayerImplInternal(19214): at com.google.android.exoplayer2.upstr...
IOS 视频播放器 swift版
kyl282889543的博客
08-10 3105
IOS 视频播放器 swift版
Flutter运行第一个项目时出现javax.net.ssl.SSLHandshakeException的一些解决思路
fwhdzh的博客
06-09 5677
前言 我其实是很不想写这篇文章的，因为这个错误实际上我并没有深入搞明白其中的机制，也没有找到一个非常优雅的解决方法。虽然经过一天的查找资料和各种尝试最后莫名其妙的解决，但是确实是不知其原因。。 只是这个问题实在是过于恶心，网上的相关帖子数不胜数，而我至少看了几十个经验帖，包括github，stackoverflow以及各个国内网站。解决方法层出不穷，却没有一个对我有效。。因此我还是写一写我的一些思路。也许未来刚好会有人和我情况类似然后用这篇博客的思路解决。 需求 需求很简单，按照这个教程走到“体验flutt
安卓网络请求出现：No Network Security Config specified, using platform default
qq_35357897的博客
09-05 1426
学习第一行代码第二版，书为安卓7.0，手里手机为安卓10，遇到的问题
flutter系列之:在flutter中使用媒体播放器
程序那些事
03-28 3412
现在的app功能越来越强大，除了基本的图文之外，还需要各种各样的其他的功能,比如视频，和直播。直播可能会比较复杂，因为涉及到了拉流和推流，需要服务器端的支持，但是视频播放就比较简单了，那么如何在flutter中使用媒体播放器呢？一起来看看吧。这样一个可以播放外部视频的app就做好了，运行之后它的界面是这样的：大家可以在这个播放器的基础上进行扩张，一个属于你自己的视频APP就完成了。
网络请求出现：No Network Security Config specified, using platform default
热门推荐
詹大先生的博客
07-10 2万+
在使用OkHttp请求数据时，总是失败，会提示：No Network Security Config specified, using platform default 其实这个问题很简单，就是android9.0（28）以后，系统默认不在支持http请求，当我们在发送http请求时会出现以下提示，并且请求网络失败。 首先在res文件夹下新建xml目录，然后创建network_security_config.xml文件，如图： <?xml version="1.0" encoding.
Flutter video_player 仿微信播放
03-25
器怎么实现？ A：Flutter的video_player插件提供了丰富的API，可以轻松地实现视频播放器的开发。 首先需要导入video_player插件，然后在布局文件中添加一个VideoPlayer组件，指定video_player库中提供的controller以及视频资源路径即可： ``` import 'package:flutter/material.dart'; import 'package:video_player/video_player.dart'; class VideoPlayerWidget extends StatefulWidget { final String videoPath; VideoPlayerWidget({@required this.videoPath}); @override _VideoPlayerWidgetState createState() => _VideoPlayerWidgetState(); } class _VideoPlayerWidgetState extends State<VideoPlayerWidget> { VideoPlayerController _controller; @override void initState() { super.initState(); _controller = VideoPlayerController.network(widget.videoPath) ..initialize().then((_) { _controller.play(); setState(() {}); }); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(), body: Center( child: _controller.value.initialized ? AspectRatio( aspectRatio: _controller.value.aspectRatio, child: VideoPlayer(_controller), ) : CircularProgressIndicator(), ), ); } @override void dispose() { super.dispose(); _controller.dispose(); } } ``` 通过这样的方式，就可以轻松地实现视频播放功能了。如果需要实现类似微信中的自动播放和停止功能，可以在Controller的回调方法中添加逻辑，监听视频的状态变化，根据不同的状态判断是否要自动播放或停止播放。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值