安卓网页视图中的视频卡顿?



我正在开发一个应用程序,该应用程序显示网页的Web视图,该网页在幻灯片中显示1080p视频。由于某种原因,我无法使视频在网络视图中流畅播放。如果我在 Kodi 或 VLC 等应用程序中播放相同的视频,它会播放非常流畅。该设备本身可以处理高达4K的视频。 但是一个简单的短 1080p 视频在安卓网络视图中播放时卡顿得很厉害。

该应用程序是在 Flutter 中开发的,我已经尝试了flutter_webview_plugin和股票webview_flutter,结果相同。

我也有android:hardwareAccelerated="true"AndroidManifest.xml

该设备是带有晨S905X2(4x Arm Cortex-A53 @ 1.80 GHz + Mali-G31 MP2 + 4GB RAM(的电视盒,其硬件应该可以轻松处理此问题。这些视频是MP4格式的,很小,可以在其他任何地方播放。

我还能尝试什么?

我不确定为什么要在 WebView 上播放视频而不是在 Flutter 中原生播放视频。但这里有一个使用 video_player 包直接在 Flutter 中流式传输视频的示例:

import 'package:flutter/material.dart';
import 'package:video_player/video_player.dart';

void main() {
runApp(
MaterialApp(
debugShowCheckedModeBanner: false,
home: Scaffold(
body: MyApp(),
),
),
);
}
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
VideoPlayerController _videoPlayerController;
bool _playing = false;
@override
void initState() {
_videoPlayerController = VideoPlayerController.network("https://static.videezy.com/system/resources/previews/000/005/621/original/Coffee_Smokey_BRoll.mp4");
_videoPlayerController.initialize();
super.initState();
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Video player'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
_videoPlayerController.value.initialized
? AspectRatio(
aspectRatio: _videoPlayerController.value.aspectRatio,
child: VideoPlayer(_videoPlayerController),
)
: Container(),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
FlatButton.icon(
onPressed: () => _playing ? pauseVideo() : playVideo(),
icon: _playing ?  Icon(Icons.pause): Icon(Icons.play_arrow),
label: _playing ? Text('Pause') : Text('Play')
),
],
),
],
),
)
);
}
void playVideo(){
_videoPlayerController.play();
setState(() {
_playing = true;
});
}
void pauseVideo(){
_videoPlayerController.pause();
setState(() {
_playing = false;
});
}
}

我不确定当您说幻灯片时,您是指视频是幻灯片,还是您想要每张幻灯片播放视频。

最新更新