当前位置：文江博客话题详情

Vaadin框架播放视频

发布于 2024-10-19 20:16:33 字数 93 浏览 3 评论 0原文

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

棒棒糖 2024-10-26 20:16:33

采样器中有一个示例：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，...）才能播放本地文件。

There is a sample in the Sampler: http://demo.vaadin.com/sampler/#FlashEmbed
You can see the source by clicking 'view source', and it will show you something like this:

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);

Obviously, you'll want to change the ExternalResource to something else (e.g FileResource, ClassResource, StreamResource, ...) in order to play local files.

回复收藏 0 原文

我最亲爱的 2024-10-26 20:16:33

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

我在 Vaadin 论坛上的帖子提供了示例应用程序的源代码。

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

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 应用程序服务器端计算机？无论哪种方式，您都可以操作上面看到的“ExternalResource”，或 Vaadin 的另一个子类资源来访问本地文件。

Vaadin version 6.7 brought a new class Video that uses the new HTML5 "video" element to embed video on a page.

My posting on the Vaadin Forum provides the source code for an example app.

The main part of that code, when populating a window or layout:

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.

Oops, I just re-read you posting -- you want to play local video files. Do you mean local to the user's computer or the Vaadin app server-side computer? Either way, you may be able to manipulate the "ExternalResource" seen above, or another subclass of Vaadin Resource to access a local file.

回复收藏 0 原文

幻梦 2024-10-26 20:16:33

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

回复收藏 0 原文

昵称有卵用 2024-10-26 20:16:33

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

        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);

NOTE: This is for local files:

        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);

回复收藏 0 原文