Question

我可以使用Vaadin框架播放视频吗？主要思想是以flv或avi格式从本地驱动器加载视频文件，并使用vaadin框架在web中播放。感谢。

Answer 1

采样器中有一个示例：http://demo.vaadin.com/sampler/#FlashEmbed 您可以点击“查看来源”查看来源，它会显示如下内容：

Embedded e = new Embedded(null, new ExternalResource(
                "http://www.youtube.com/v/meXvxkn1Y_8&hl=en_US&fs=1&"));
e.setMimeType("application/x-shockwave-flash");
e.setParameter("allowFullScreen", "true");
e.setWidth("320px");
e.setHeight("265px");
addComponent(e);

显然，您需要将ExternalResource更改为其他内容（例如FileResource，ClassResource，StreamResource，...）以播放本地文件。

Answer 2

Vaadin 6.7版带来了一个新的课程Video，它使用新的HTML5“视频”元素在页面上嵌入视频。

Vaadin论坛上的posting提供了示例应用的源代码。

填充窗口或布局时该代码的主要部分：

Video v = new Video( "video" ); // Instantiate video player widget.
// Specify a list of your video in one or more formats.
// Different browsers support various different video formats.
v.setSources( 
    new ExternalResource( "http://www.example.com/media/example_video.mp4" ),
    new ExternalResource( "http://www.example.com/media/example_video.ogv" ) 
); 
v.setWidth( "640px" ); // Set size of the video player's display area on-screen.
v.setHeight( "360px" );
this.addComponent( v ); // Add the component to the window or layout.

哎呀，我刚刚重新阅读你的帖子 - 你想播放本地视频文件。你的意思是用户的计算机或Vaadin app服务器端计算机的本地？无论哪种方式，您都可以操作上面看到的“ExternalResource”或Vaadin Resource的另一个子类来访问本地文件。

Answer 3

您可以使用Embedded类来嵌入视频。

Answer 4

注意：这适用于本地文件：

        FileResource fileResource = new FileResource(new File("/Users/user/Downloads/DBTI_1991_teaser_HD.mp4"));
        Video vd = new Video();
        vd.setAutoplay(true);
        vd.setSource(fileResource);
        this.addComponent(vd);

Answer 5

另一种选择是Vaadin插件“YouTubePlayer”，如果您想要专门从YouTube.com访问视频。

Vaadin框架播放视频

5 个答案: