Vaadin框架播放视频

问题描述:

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

有在采样的样本: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 ...)以播放本地文件。

+0

感谢答案,我试图发挥像YouTube视频外等等,作品不错,但我有问题,打内的FLV文件,我已经试过文件,流等资源,改变Mime类型视频/ X-FLV,但结果是阴性:(。你能帮助我吗?我 – jitm 2011-03-02 11:28:11

+0

已经转换FLV到SWF和所有的作品,谢谢。 – jitm 2011-03-03 10:38:41

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

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应用程序服务器端电脑?无论采用哪种方式,您都可以操纵上述“ExternalResource”或Vaadin Resource的另一个子类来访问本地文件。

+0

我用这视频类观看视频文件,但它给错误“无视频与支持的格式和MIME类型找到”。 我试图与FLV的,.MP4,.MPG文件,但同样的结果。 我与Vaadin 6.7工作0.9。 – 2012-06-30 10:19:55

另一种方法是Vaadin附加“YouTubePlayer”如果你想从YouTube.com专门访问视频。

注:这是本地文件:

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