Flutter music youtube source

Youtube video player flutter

dependencies:
  youtube_player_flutter: ^7.0.0+7

Source: pub.dev

Flutter music youtube source

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

// Use IP instead of localhost to access local webserver
const _youTubeUrl = 'http://localhost:8080';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'YouTube Video',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'YouTube Video'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  final String title;

  MyHomePage({Key key, this.title}) : super(key: key);

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  WebViewController _controller;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Column(
        children: <Widget>[
          Expanded(
            child: WebView(
              initialUrl: '$_youTubeUrl/videos/IyFZznAk69U',
              javascriptMode: JavascriptMode.unrestricted,
              onWebViewCreated: (WebViewController controller) =>
                  _controller = controller,
            ),
          ),
        ],
      ),
      floatingActionButton: FloatingActionButton(
        child: Icon(Icons.play_arrow),
        onPressed: () async {
          await _controller.evaluateJavascript('player.loadVideoById("d_m5csmrf7I")');
        },
      ),
    );
  }
}

Source: stackoverflow.com

Similar codes

3 votes230 views1 answer
How to convert timestamp to datetime in dart
Dart
1 vote233 views1 answer
Attribute application@icon value=(@mipmap/launcher_icon) from AndroidManifest.xml:17:9-45
Dart
16 votes199 views5 answers
Flutter remove debug flag
Dart
3 votes200 views2 answers
Could not find dart in your flutter sdk. please run
Dart
5 votes208 views1 answer
Dart jsonencode list
Dart
2 votes194 views1 answer
Flutter tooltip margin
Dart
2 votes241 views2 answers
Flutter transform scale
Dart
1 vote219 views2 answers
Flutter check ios or android
Dart
0 vote301 views1 answer
How to add icon in the app bar in flutter
Dart
0 vote199 views1 answer
Raisedbutton full width flutter
Dart