import 'dart:ui_web' as ui_web;
import 'dart:html' as html;
import 'package:flutter/material.dart';

class VideoComponent extends StatelessWidget {
  const VideoComponent({
    required this.id,
    required this.bytes,
    required this.minetype,
    super.key,
  });

  // unique id
  final String id;

  // mimetype like video/mp4, video/webm
  final String minetype;

  // video data
  final Uint8List bytes;

  @override
  Widget build(BuildContext context) {
    final sourceElement = html.SourceElement();
    sourceElement.type = mimeType;
    sourceElement.src = Uri.dataFromBytes(bytes, mimeType: mimeType).toString();

    final videoElement = html.VideoElement();
    videoElement.controls = true;
    videoElement.children = [sourceElement];
    videoElement.style.height = '100%';
    videoElement.style.width = '100%';

    ui_web.platformViewRegistry
        .registerViewFactory(id, (int viewId) => videoElement);

    return HtmlElementView(viewType: id);
  }
}

Popularity 4/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: flutter-web video whatever

Link to this answer
Share Copy Link

Contributed on Oct 02 2024

Successful Stoat

0 Answers Avg Quality 2/10

mysql alter column enum values

Comment

ALTER TABLE
    `table_name`
MODIFY COLUMN
    `column_name2` enum(
        'existing_value1',
        'existing_value2',
        'new_value1',
        'new_value2'
    )
NOT NULL AFTER `column_name1`;

Popularity 3/10 Helpfulness 1/10 Language sql

Source: stackoverflow.com

Tags: alter-column sql mysql

Link to this answer
Share Copy Link

Contributed on Oct 02 2024

Charming Coyote

0 Answers Avg Quality 2/10

shadcn dropdown with dialog

Comment

function DropdownAndDialogs() {
    const [isEditDialogOpen, setIsEditDialogOpen] = useState(false)
    const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false)

    return (
        <>
            <DropdownMenu>
                <DropdownMenuTrigger asChild>
                    <Button>
                        Open menu
                    </Button>
                </DropdownMenuTrigger>
                <DropdownMenuContent align="end">
                    <DropdownMenuLabel>Actions</DropdownMenuLabel>

                    <DropdownMenuItem onClick={() => setIsEditDialogOpen(true)}>Edit</DropdownMenuItem>
                    <DropdownMenuItem onClick={() => setIsDeleteDialogOpen(true)}>Delete</DropdownMenuItem>

                    <DropdownMenuItem>Archive</DropdownMenuItem>
                </DropdownMenuContent>
            </DropdownMenu>

            <AlertDialog open={isEditDialogOpen}
                         onOpenChange={() => setIsEditDialogOpen(!isEditDialogOpen)}>
                <AlertDialogTrigger asChild>
                </AlertDialogTrigger>
                <AlertDialogContent>
                    <AlertDialogHeader>
                        <AlertDialogTitle>Edit</AlertDialogTitle>
                        <AlertDialogDescription>
                        </AlertDialogDescription>
                    </AlertDialogHeader>
                    <AlertDialogFooter>
                        <AlertDialogCancel>Cancel</AlertDialogCancel>
                        <AlertDialogAction>Save</AlertDialogAction>
                    </AlertDialogFooter>
                </AlertDialogContent>
            </AlertDialog>

            <AlertDialog open={isDeleteDialogOpen}
                         onOpenChange={() => setIsDeleteDialogOpen(!isDeleteDialogOpen)}>
                <AlertDialogTrigger asChild>
                </AlertDialogTrigger>
                <AlertDialogContent>
                    <AlertDialogHeader>
                        <AlertDialogTitle>Delete</AlertDialogTitle>
                        <AlertDialogDescription>
                        </AlertDialogDescription>
                    </AlertDialogHeader>
                    <AlertDialogFooter>
                        <AlertDialogCancel>Cancel</AlertDialogCancel>
                        <AlertDialogAction>Delete</AlertDialogAction>
                    </AlertDialogFooter>
                </AlertDialogContent>
            </AlertDialog>
        </>
    )
}
 Run code snippet

Popularity 1/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: dialog dropdown whatever

Link to this answer
Share Copy Link

Contributed on Oct 02 2024

Muhammad Saleh

0 Answers Avg Quality 2/10

jupyter notebook multiple cursors

Contents

More Related Answers

jupyter notebook multiple cursors

Closely Related Answers

how to play a bytes video in flutter web

mysql alter column enum values

shadcn dropdown with dialog

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.