高度な開発者の道| UIBPlayer（ビデオ再生）デモシェア

この記事ではAPICloud公式フォーラムから来ています

UIBPlayerは、BaiduのクラウドプレーヤーSDKをカプセル化します。完全に機能するプレーヤーインターフェースを開いた後、本実施形態にUIモジュール。Baiduのクラウドプレーヤーが抜け出すのAndroid、iOSのプラットフォームのビデオフォーマットは、すべての主要なメディアフォーマット（MP4、AVI、WMV、FLV、MKV、MOV、RMVB、など）をサポートしています。

はじめにモジュールのハイライト：

UIが来る、ユーザーは単に、自分のアイコンを設計パラメータを調整します。
再生の進行状況、画面の明るさとボリューム機能を変更するには、ダブルクリックして再生、一時停止、ジェスチャースライド付き
iOSのは、（オープン縦画面ロックで設定）スイッチに自動的に水平方向と垂直方向の画面をサポートしています
自動的に上、下のボタンをプレイする際に、喚起をクリックし非表示にします。
それ以外の場合は、背中や他の異常を点滅し、Baiduはconfig.xml構成ファイルに、アクセスキーを取りに行くためにオープンなプラットフォームを使用する前に。リファレンスモジュールのドキュメント。
直接プレイヤーを開くためにオープンインタフェースを呼び出します。コードは以下の通りであります：

VAR UIBPlayer = api.require（ 'UIBPlayer'）;

    UIBPlayer.open({

        rect: {

            x: 0,

            y: 0,

            w: api.winWidth,

            h: 300

        },

        videoScalingMode:"FIT_WITH_CROPPING",

        path: 'http://wvideo.spriteapp.cn/video/2016/0328/56f8ec01d9bfe_wpd.mp4',

        autoPlay: false,

        enableLooping: true,

        pauseInBackground: true,

        coverImg: 'widget://image/uibplayer/cover.png',

        styles: {

            head: {

                bg: 'rgba(161,161,161,0.5)',

                height: 44,

                marginTop: api.safeArea.top,

                hide: false,

                backBtn: {

                    size: 30,

                    backImg: 'widget://image/uibplayer/back.png',

                    marginLeft: 5

                },

                titleLabel: {

                    title: '蝙蝠侠',

                    size: 20,

                    color: '#fff',

                    width: 200,

                    numberLines: 1,

                    leftMargin: 5,

                    backgroundColor: 'rgba(0,0,0,0)'

                },

                customButtons: [{

                    w: 30,

                    h: 30,

                    rightMagin: 5,

                    img: 'widget://image/uibplayer/setting.png',

                    imgSelected: 'widget://image/uibplayer/settinged.png',

                }, {

                    w: 30,

                    h: 30,

                    rightMagin: 5,

                    img: 'widget://image/uibplayer/mess.png',

                    imgSelected: 'widget://image/uibplayer/messed.png',

                }]

            },

            foot: {

                bg: 'rgba(161,161,161,0.5)',

                height: 44,

                marginBottom: 0,

                hide: false,

                playBtn: {

                    size: 44,

                    playImg: 'widget://image/uibplayer/play.png',

                    pauseImg: 'widget://image/uibplayer/pause.png',

                    marginLeft: 0

                },

                currentTimeLabel: {

                    textSize: 14,

                    textColor: "#FFF",

                    marginLeft: 5

                },

                seekBar: {

                    sliderImg: 'widget://image/uibplayer/slide.png',

                    progressColor: '#696969',

                    progressSelectedColor: '#333333',

                    marginLeft: 5,

                    marginRight: 5

                },

                totalTimeLabel: {

                    textSize: 14,

                    textColor: "#FFF",

                    marginRight: 5

                },

                fullScreenBtn: {

                    size: 30,

                    img: 'widget://image/uibplayer/unfullscreen.png',

                    fullScreenImg: 'widget://image/uibplayer/fullscreen.png',

                    marginRight: 10

                }

            }

        },

        fixedOn: api.frameName,

        fixed: false

    });

コードをコピー

異なるユーザは、自分のプロジェクトをからconfig.xmlに設定オープンプラットフォームのアプリケーションキーを、Baiduのコードを提出して、カスタムローダーをコンパイルする必要があります。

ます。https：//blog.51cto.com/9334358/2406968で再現

高度な開発者の道| UIBPlayer（ビデオ再生）デモシェア

おすすめ