首页 > 解决方案 > 使用代理将数据流式传输到 VideoPlayerController

问题描述

我正在尝试在我的应用程序中创建代理服务器以缓存视频。为了打开视频,我使用video_player包和

VideoPlayerController.network("127.0.0.1:8080/http://127.0.0.1:8080/99e61720-935c-494e-aaab-0c2529716311.mp4");由我们在应用程序中的代理服务器接收,并将请求重定向到主服务器。

即 VideoPlayerController 发送查看视频的请求

  1. 代理服务器将来自 VideoPlayerController 的请求重定向到主服务器
  2. 代理服务器收到响应
  3. 代理服务器将响应流式传输到 VideoPlayerController

它应该看起来像这样

现在的问题是,将视频从代理流式传输到 VideoPlayer 不起作用。我们试图从代理响应中保存视频文件并且它正在工作,但将其流式传输到 VideoPlayer 却没有。这是完整的代码:

import 'dart:io';
import 'dart:async';
import 'package:http/http.dart' as http;
import 'package:path_provider/path_provider.dart';

class ProxyServer {

HttpServer server;
var client = 0;

static File file;
static bool hasFile = false;

Future<void> init() async {

    try{
      server = await HttpServer.bind("127.0.0.1", 8080, shared: true);
      print("Server running on IP : " + server.address.toString() + " On Port : " + server.port.toString());

    }catch(e){
      print("Something went wrong while creating a server...");
      return;
    }

    print("Listening...");
    listen();
}

 Future<void> listen() async {

     await for (HttpRequest request in server) {

         List<int> _bytes = [];
         var _received = 0;
         var _total = 0;

         http.Request baseRequest = new http.Request('GET', Uri.parse("http://d9txtuxofddt9.cloudfront.net${request.uri}"));
         Map<String, String> headers = new Map<String, String>();

         request.headers.forEach((key, value) {
             print(key + ", " + value.first);
             if(key != "host")
                 headers[key] = value.toString();
             else
                 headers["host"] = "d9txtuxofddt9.cloudfront.net";
         });

         baseRequest.headers.addAll(headers);
         print("Base Request: " + baseRequest.headers.toString());

         http.StreamedResponse proxyResponse = await http.Client().send(baseRequest);
         _total = proxyResponse.contentLength;

         String destFilePath = "${(await getApplicationDocumentsDirectory()).path}${request.uri}";
         file = File(destFilePath);

         proxyResponse.headers.forEach((key, value) {
             request.response.headers.add(key, value);
         });

         proxyResponse.stream.listen((value) {
             _bytes.addAll(value);
             _received += value.length;
             print("${_received ~/ 1024} / ${_total ~/ 1024} KB");

             request.response.add(value);
             file.writeAsBytesSync(_bytes);

         }).onDone(() async {
             print("File saved at : ${file.path}");
             request.response.close();
         });
        }
    }
}

我的问题是,如何将来自服务器的响应流式传输回 Flutter 的 VideoPlayerController?

标签: flutterdartnetworkingvideoproxy

解决方案


推荐阅读