Youtube_player_flutter: [बग] पूर्णस्क्रीन पूर्ण स्क्रीन सुविधा नहीं है।

हाय @ प्रिंसटेक। मेरे पास एक समान समस्या थी और जब हम फुलस्क्रीन का उपयोग कर रहे हैं या नहीं, यह जानने के लिए मैं एक बूलियन वैरिएबल जोड़कर इसे हल करने में कामयाब रहा, इसलिए जब हम फुलस्क्रीन का उपयोग कर रहे हों तो मैं ऐपबार को शून्य में बदल सकता हूं। इसके अलावा, जब फुलस्क्रीन फुलस्क्रीन से बाहर निकलने के लिए बैक बटन प्रेस को संभालने के लिए मैंने एक विलपॉपस्कोप विजेट जोड़ा। यहाँ मेरी अंतिम फ़ाइल है। मुझे पैरामीटर के रूप में एक लाइव ऑब्जेक्ट प्राप्त होता है।

class LiveDetail extends StatefulWidget {
  final Live live;

  LiveDetail({
    Key key,
    <strong i="8">@required</strong> this.live,
  }) : super(key: key);

  <strong i="9">@override</strong>
  _LiveDetailState createState() => _LiveDetailState();
}

class _LiveDetailState extends State<LiveDetail> {
  YoutubePlayerController _controller;

  bool showAppBar = true;

  <strong i="10">@override</strong>
  void initState() {
    _controller = YoutubePlayerController(
      initialVideoId: widget.live.videoId,
      flags: YoutubePlayerFlags(autoPlay: true, isLive: widget.live.isLive, controlsVisibleAtStart: true),
    );
    super.initState();
  }

  Future<bool> _onWillPop() {
    if (_controller.value.isFullScreen) {
      _controller.toggleFullScreenMode();
    } else {
      Navigator.pop(context);
    }
  }

  <strong i="11">@override</strong>
  Widget build(BuildContext context) {
    return WillPopScope(
      onWillPop: _onWillPop,
      child: MaterialApp(
        title: 'Live',
        theme: ThemeData(primaryColor: Color(CustomColors.grena)),
        debugShowCheckedModeBanner: false,
        home: Scaffold(
            appBar: showAppBar
                ? AppBar(
                    title: Text(widget.live.title),
                    leading: new IconButton(
                      icon: new Icon(Icons.arrow_back),
                      onPressed: () {
                        Navigator.pop(context);
                      },
                    ),
                  )
                : null,
            body: Container(
              child: YoutubePlayerBuilder(
                player: YoutubePlayer(controller: _controller),
                builder: (context, player) {
                  return Column(
                    children: <Widget>[player],
                  );
                },
                onEnterFullScreen: () {
                  setState(() {
                    showAppBar = false;
                  });
                },
                onExitFullScreen: () {
                  setState(() {
                    showAppBar = true;
                  });
                },
              ),
            )),
      ),
    );
  }
}

बस अपने मचान को YoutubePlayerBuilder के नीचे रखें

बस अपने मचान को YoutubePlayerBuilder के नीचे रखें

ऐसा लगता है कि यह काम करता है लेकिन अब एक नया मुद्दा जिसका मैं सामना कर रहा हूं। लाइव डिवाइस पर परीक्षण करने पर वीडियो क्रॉप हो जाता है लेकिन आईओएस सिम्युलेटर पर सही ढंग से दिखाई देता है। मुझे लगता है कि पहलू अनुपात खराब हो गया है।

हाय @ प्रिंसटेक। मेरे पास एक समान समस्या थी और जब हम फुलस्क्रीन का उपयोग कर रहे हैं या नहीं, यह जानने के लिए मैं एक बूलियन वैरिएबल जोड़कर इसे हल करने में कामयाब रहा, इसलिए जब हम फुलस्क्रीन का उपयोग कर रहे हों तो मैं ऐपबार को शून्य में बदल सकता हूं। इसके अलावा, जब फुलस्क्रीन फुलस्क्रीन से बाहर निकलने के लिए बैक बटन प्रेस को संभालने के लिए मैंने एक विलपॉपस्कोप विजेट जोड़ा। यहाँ मेरी अंतिम फ़ाइल है। मुझे पैरामीटर के रूप में एक लाइव ऑब्जेक्ट प्राप्त होता है।

class LiveDetail extends StatefulWidget {
  final Live live;

  LiveDetail({
    Key key,
    <strong i="9">@required</strong> this.live,
  }) : super(key: key);

  <strong i="10">@override</strong>
  _LiveDetailState createState() => _LiveDetailState();
}

class _LiveDetailState extends State<LiveDetail> {
  YoutubePlayerController _controller;

  bool showAppBar = true;

  <strong i="11">@override</strong>
  void initState() {
    _controller = YoutubePlayerController(
      initialVideoId: widget.live.videoId,
      flags: YoutubePlayerFlags(autoPlay: true, isLive: widget.live.isLive, controlsVisibleAtStart: true),
    );
    super.initState();
  }

  Future<bool> _onWillPop() {
    if (_controller.value.isFullScreen) {
      _controller.toggleFullScreenMode();
    } else {
      Navigator.pop(context);
    }
  }

  <strong i="12">@override</strong>
  Widget build(BuildContext context) {
    return WillPopScope(
      onWillPop: _onWillPop,
      child: MaterialApp(
        title: 'Live',
        theme: ThemeData(primaryColor: Color(CustomColors.grena)),
        debugShowCheckedModeBanner: false,
        home: Scaffold(
            appBar: showAppBar
                ? AppBar(
                    title: Text(widget.live.title),
                    leading: new IconButton(
                      icon: new Icon(Icons.arrow_back),
                      onPressed: () {
                        Navigator.pop(context);
                      },
                    ),
                  )
                : null,
            body: Container(
              child: YoutubePlayerBuilder(
                player: YoutubePlayer(controller: _controller),
                builder: (context, player) {
                  return Column(
                    children: <Widget>[player],
                  );
                },
                onEnterFullScreen: () {
                  setState(() {
                    showAppBar = false;
                  });
                },
                onExitFullScreen: () {
                  setState(() {
                    showAppBar = true;
                  });
                },
              ),
            )),
      ),
    );
  }
}

लेकिन सेटस्टेट विजेट का पुनर्निर्माण करेगा, इसका मतलब है कि वीडियो बार-बार पुनरारंभ होगा जब एंटरफुलस्क्रीन और ऑनएक्सिटफुलस्क्रीन कॉलबैक ट्रिगर होगा

बस अपने मचान को YoutubePlayerBuilder के नीचे रखें

मुझे इस मुद्दे को फिर से खोलने के लिए खेद है, लेकिन मैंने इस समाधान का उपयोग किया और मुझे @princeteck जैसा ही परिणाम मिला। वीडियो क्रॉप किया गया है, इसलिए मुझे सभी कैप्शन दिखाई नहीं दे रहे हैं।

अगर किसी के पास इसका समाधान है तो यह बहुत अच्छा होगा :)

समस्या इसलिए हो रही है क्योंकि फुलस्क्रीन के मामले में यह प्लगइन स्केलिंग प्लेयर है। मैं मैन्युअल स्केलिंग को हटाकर इस समस्या को हल करने में सक्षम था।

इस समस्या के समाधान के उपाय :-

1. प्लगइन की नीचे दी गई फाइलों को अपने प्रोजेक्ट में कॉपी करें (ताकि हम प्लगइन कोड बदल सकें)।
   

1. अब कॉपी किए गए youtube_player.dart पर जाएं और buildPlayer () विधि पर नेविगेट करें, और Transform.scale विजेट (RawYoutubePlayer का मूल विजेट) को पदानुक्रम से हटा दें और सीधे RawYoutubePlayer का उपयोग करें। इससे आपकी समस्या का समाधान हो जाएगा क्योंकि हम वीडियो को स्केल नहीं करना चाहते हैं। आपकी बिल्डप्लेयर () विधि पहले और बाद में कैसी दिखती है, इसके बेहतर संदर्भ के लिए कृपया संलग्न स्क्रीनशॉट को देखें।
   

हाय @ प्रिंसटेक। मेरे पास एक समान समस्या थी और जब हम फुलस्क्रीन का उपयोग कर रहे हैं या नहीं, यह जानने के लिए मैं एक बूलियन वैरिएबल जोड़कर इसे हल करने में कामयाब रहा, इसलिए जब हम फुलस्क्रीन का उपयोग कर रहे हों तो मैं ऐपबार को शून्य में बदल सकता हूं। इसके अलावा, जब फुलस्क्रीन फुलस्क्रीन से बाहर निकलने के लिए बैक बटन प्रेस को संभालने के लिए मैंने एक विलपॉपस्कोप विजेट जोड़ा। यहाँ मेरी अंतिम फ़ाइल है। मुझे पैरामीटर के रूप में एक लाइव ऑब्जेक्ट प्राप्त होता है।

class LiveDetail extends StatefulWidget {
  final Live live;

  LiveDetail({
    Key key,
    <strong i="9">@required</strong> this.live,
  }) : super(key: key);

  <strong i="10">@override</strong>
  _LiveDetailState createState() => _LiveDetailState();
}

class _LiveDetailState extends State<LiveDetail> {
  YoutubePlayerController _controller;

  bool showAppBar = true;

  <strong i="11">@override</strong>
  void initState() {
    _controller = YoutubePlayerController(
      initialVideoId: widget.live.videoId,
      flags: YoutubePlayerFlags(autoPlay: true, isLive: widget.live.isLive, controlsVisibleAtStart: true),
    );
    super.initState();
  }

  Future<bool> _onWillPop() {
    if (_controller.value.isFullScreen) {
      _controller.toggleFullScreenMode();
    } else {
      Navigator.pop(context);
    }
  }

  <strong i="12">@override</strong>
  Widget build(BuildContext context) {
    return WillPopScope(
      onWillPop: _onWillPop,
      child: MaterialApp(
        title: 'Live',
        theme: ThemeData(primaryColor: Color(CustomColors.grena)),
        debugShowCheckedModeBanner: false,
        home: Scaffold(
            appBar: showAppBar
                ? AppBar(
                    title: Text(widget.live.title),
                    leading: new IconButton(
                      icon: new Icon(Icons.arrow_back),
                      onPressed: () {
                        Navigator.pop(context);
                      },
                    ),
                  )
                : null,
            body: Container(
              child: YoutubePlayerBuilder(
                player: YoutubePlayer(controller: _controller),
                builder: (context, player) {
                  return Column(
                    children: <Widget>[player],
                  );
                },
                onEnterFullScreen: () {
                  setState(() {
                    showAppBar = false;
                  });
                },
                onExitFullScreen: () {
                  setState(() {
                    showAppBar = true;
                  });
                },
              ),
            )),
      ),
    );
  }
}

या आप केवल ऐपबार में टूलबार हाइट परम को बदल सकते हैं

56 डिफ़ॉल्ट मान है

AppBar(
        title: Text('Your title'),
        toolbarHeight: _fullScreen ? 0 : 56,
),