html - GWT を使用して html5 でビデオを再生する

Question

私はゲームを持っています（libgdxでビルドします）GWTを使用してhtml5に変換します

映画のようなビデオを表示する必要があります

それを行う方法はありますか？ゲームをクロス プラットフォームで動作させる必要がある

Answer 1

ウィジェットビデオを使用します。HTML5 タグを表しますvideo。ただし、このウィジェットはすべてのブラウザーで正しく機能するとは限りません。

GWT でサポートされているその他の HTML5 機能については、ドキュメントを参照してください。

Answer 2

使用する場合は、このタグを UIBinder (*.ui.xml) に追加します。

<g:HTML ui:field="mediaContainer" styleName="mediaPlayer">
 <video autoplay="true" controls="controls" ui:field="mediaPlayer" height="100%" width="100%">
 </video>
</g:HTML>

必要に応じて、UiBinder Java パーツまたはプレゼンターに次のコードを追加します。これをプレゼンターの部分に追加しました。UiField オブジェクトが適切なゲッターとセッターで宣言されていることを願っています

private Element videoSource = null;
private Element videoPoster = null;

// FOR PLAYING A VIDEO URL THAT THE USER ENTERS
    public void loadTool(String videoUrl) {
        if (videoSource != null) {
            videoSource.removeFromParent();
            videoPoster.removeFromParent();
        }
        videoSource = DOM.createElement("source");
        videoPoster = DOM.createElement("img");
        videoSource.setAttribute("src", videoUrl);
        videoPoster.setAttribute("src",
                MyContants.VIDEO_TEST_IMAGE);
        videoPoster.setAttribute("alt",
                MyContants.VIDEO_TEST_IMAGE_ALT);
        videoSource.getStyle().setVisibility(Visibility.VISIBLE);
        videoPoster.getStyle().setVisibility(Visibility.VISIBLE);
        videoWidget.getMediaPlayer().appendChild(videoSource);
        videoWidget.getMediaPlayer().appendChild(videoPoster);
        videoWidget.getMediaContainer().setVisible(true);
    }

これが何らかの形で役立つことを願っています

Answer 3

http://code.google.com/p/gwt-html5-video/downloads/listを使用しました

ビデオを表示する

    VideoWidget videoPlayer = new VideoWidget(true, false, null);

    List<VideoSource> sources = new ArrayList<VideoSource>();
            sources.add(new VideoSource(video, VideoType.MP4));

        videoPlayer.setSources(sources);
        videoPlayer.setPixelSize(960, 640);