Android上的webview中的视频口吃？

Question

我正在开发一个应用程序，该应用程序显示网页的 web 视图，该网页以幻灯片形式显示 1080p 视频。由于某种原因，我无法使视频在 webview 中流畅播放。如果我在 Kodi 或 VLC 等应用程序中播放相同的视频，它会播放得非常流畅。该设备本身最多可以处理 4K 视频。 但是在 android webview 中播放一个简单的 1080p 短视频时会出现严重的卡顿。

该应用程序是在 Flutter 中开发的，我尝试了 flutter_webview_plugin 和 stock webview_flutter，结果相同。

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

该设备是配备 Amlogic S905X2（4x Arm Cortex-A53 @ 1.80 GHz + Mali-G31 MP2 + 4GB RAM）的电视盒，其硬件应该可以轻松处理此问题。这些视频是 MP4 格式，而且很小，在其他任何地方都可以很好地播放。

我还能尝试什么？

Answer 1

我不确定您为什么要在 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;
    });
  }
}

我不确定您所说的幻灯片是指该视频是幻灯片，还是您希望每张幻灯片播放多张视频。