CMS2.0の時代、EFVスマートクラウドトランスコード CMS変更更新、100以上の詳細の最適化、3000行コード、40時間全心投入

EFVスマートクラウドトランスコード自分を連れてCMS当時のデザインでは、あまり考えていませんでしたが、単に静的なフロントとしてページを表示していますが、後部とともにトランスコードシステムが強くなり、CMS徐々に追いかけることができないトランスコードコアの更新が完了したので、私は5月の労働日を終えるとほぼ40時間かかりましたCMSよく数えていませんが、CMS関連する最適化には、少なくとも数百の項目が含まれていますCMSパターン、後部CMS設定、シリーズ管理、ビデオ管理など。今日は、私たちがどのように最適化したかについてお話しします。

CMS2.0 デザインコンセプト

使いやすく、効率的で、スピードが速く、できるだけ減らすJS、CSS充電、即時利用、操作便利、すべてのページの滝流改造(ホームページ、カテゴリ、タグ、再生ページ、ユーザーページ、検索ページ)、すべてのページは無制限で充電され、ユーザーの心流体験を向上させ、無期限の充電に基づいて良い提供を行いますSEO効果です。

プロジェクト選択の最適化

• 1、全体の再書き模板、私はそれを呼ぶprojectx全利用uikit構築書、ほかの第三者図書館を非常に稀に呼び出し、全体CSSでJS充電のみ5ファイルが速い。
• 二、ナビゲーションは全面的に最適化され、前端のデザインでは、ナイフが不可欠で、良いナビデーションはすでに半分成功している。
• 3、PCナビゲーションは、全分類を追加し、すべてのタグの入り口、ユーザー体験が素晴らしい。

4.モバイル端のトップナビゲーションは、便利なメニューを追加し、ユーザーがどのページでもターゲットページにクリックできるようにします。

5.モバイル端向けの完全に再設計された滑動ナビゲーション、すべての分類、ラベル、一般使用のナビジェーションが内側にある。ユーザーは1回クリックして、望むページにアクセスできます。

6.すべての集合ページの滝流改造、なぜなら、滝流を行うために、すべてのデータタイプが新しいポスターを追加するため2フィールドは、ポスターをアップロードするとき、自動的に滝流で使用されるポスターフィールを生成し、自動に広い高属性のポスターにアクセスすることができますAPI利用して、滝の流れAPP製作後、私はまた滝流無限を打ち上げますEFV専用APP。

• 7、再編クラウドストレージコード、アップロード失敗自動再試し、プロセスを改善するクラウドストレージシンクルソースコードは基本的に再編され、また独立して1個のソースを発行しますクラウドストレージ同期するサブシステムは、主なプログラムの実行に分離することができ、主なるプログラムが実行されることを影響しませんクラウドストレージより強力で、自由に設定するフォルダーを監視し、ファイルタイプを監督し、ダウンロード完了削除、アップロード終了削除またはフィルタリング後にいくつかのファイルをカットしないなど、サポートwasabi、s3、minioアリOSS七牛雲、また撮影雲など国内外のほとんどが知られているクラウドストレージサービス、詳細紹介リンク:https://express-ffmpeg-vip.moejj.com/blog/5ec4a5d0e84cb5c0e1a32845
• 8.試用時間の設定を増やす。複数の解像度の順序問題を修正し、修正動画プレーヤートラブル、改善再生ページの充電速度、バックグラウンドはユーザーが試してみる時間をカスタマイズすることができ、任意設定、ユーザーが許可されていないときにどれだけ秒の試用コンテンツを観ることができるかをカスタマリングすることができます、複数の解像度が発生する可能性のある順序問題を修正し、修正しました動画プレーヤー大きなページの問題を解決します。
• 9、再び修理するffmpegコミュニティが存在するBUGいくつかのスクリーンレコーディングソフトウェアビデオトランスコード失敗の問題は、間隔が重要な過剰に引き起こされるためBUG。
• ポイント価格と最低消費資金の改正により、プロモーションやアップロードなどの得点設定がより柔軟になります。元々CMS中点価格の設定は、ポイントがどれだけかかるかであり、1ドルで1ポイントを設定するだけであり、非常に不柔軟であるため、この変更は、1ドルの購入できるポイントがどのくらいになるかを設定することができます10ポイントを取得する点に署名し、得点を促進し、獲得点をアップロードし、ポイントを放送し、購入点のダウンロード権限がより柔軟になり、元の最低購入点数を変更し、最低消費量、すなわち少なくともどれだけ買うかを変更します。
• 11、リアルタイムで作成されたダウンロードmp4名称、増加movieフィールドdownloadでdownloadprice。このデザインと製造のダウンロードライセンス機能は非常に強力で、あなたが保存する必要もなく、MP4後部には、新しいスーパーが追加されましたAPIダウンロードした動画は、提供されていませんmp4システムは、リアルタイムで直接基づいてm3u8生成する一mp4再度ダウンロードして、またキャッシュ動画のダウンロードフィールドに、次回同じビデオを再度ダウンロードすると、フォルダーから直接戻って現実時間で生成されなくなります。詳細紹介:https://express-ffmpeg-vip.moejj.com/blog/5ebf6daee84cb5c0e1a32844
• 1. 追加ダウンロード権限の購入メカニズム、ポイント数に基づいて、ダウンロード許可の持続期間を決定する。新しく追加CMSポイントダウンロードビデオの機能、詳細は前一の接続を参照することができ、ダウンロード権限の長期判断があり、背景は既定のダウンロード権限のポイント価格とダウンロード権限の長期設定が可能であり、また、単独で特定のビデオの設定ダウンロード権限に必要なポイント数、このダウンロード権限は有効期限の無制限でダウンロードすることができる、限られた期間を超える後に再度使用するポイント購入ダウンロード権限を設定することができます。
• 13位、fluent APIリアルタイムで指定されたビデオの指定解像度を生成するMP4そして戻るpath。FluentAPIはいEFVシステムの背後にある核心価値は、呼び出しに基づいてapi全て達成できるトランスコードあるいはセグメント分割さらに、スクリーンショット、ダイナミックグラフ、テストビデオなどすべての機能を生成し、第三者の呼び出しが可能になりますEFVとしてトランスコード SAASサービスはすべての機能を実行します。今回は、ダウンロード機能を搭載するために最初に作成されましたFluent APIつまり、伝達apikey，apisecret，id，hdリアルタイムに基づいてID調査された動画は、hd指示の解像度m3u8生成する一mp4そして、また戻るpath経路、次に基づいてpath道を処理する。
• 14.後台はユーザーポイント購入記録を増やし、後台には新しいユーザーポイント消費記録が追加され、すべての消費者管理者は一目に見える。
• サブシステム分離プログラムの2つのライブ放送サービスシステムは別々、多くのユーザーがライブ放送機能を使用しないので、今回は直接ライブ放送服务機能を外して動作し、1キーで実行する必要がある。
• 16、projectxシリーズ、映画、情報、漫画のサポートが追加され、オーディオとライブ放送の後ろはゆっくりとサポートされます。
• 17、CMSカスタマイズ可能なナビゲーション、現在のナビジェーションはカスタマイス可能ですconfig中新建navbar.jsナビゲーションをカスタマイズするために、projectxテンプレートでは自動的に配置が充電されます。配置ケース:

module.exports = {
    navbar: [{
        title: '热门视频',
        href: '/hots'
    }, {
        title: '试试手气',
        href: '/random'
    }, {
        title: '资讯',
        href: '/articles'
    } , {
        title: '图集漫画',
        href: '/imageslist'
    } , {
        title: '发现更多',
        href: '/discover'
    }]
}

上の設定、すなわちテンプレートPCナビゲーションとモバイル端頭は、便利なナビジェーションを追跡し、スライドナビデーションでもこのナビガーの設定が充電されます。

• 18.後台ビデオライブラリのリアルタイムフィードバックを増やすトランスコード進歩は、異なる解像度の進歩をリアルタイムで回復し、使用によってsocketio強力なリアルタイム機能、初期実現トランスコード進歩はリアルタイムで戻ってきて、また異なる解像度のリアル時間に戻ってくるビデオ:https://www.leimulamu.com/movie/5ec4dcf131ec047e1d7686ed
• 1. 解像度を選択し、解像率情報を記録し、次回はデフォルトでこの解像を充電し、ユーザーが前端に再生ビデオで選ばれた解像度は後ろに記録され、再生すべてのビデオは、この解像度を選択します。
• 20位 動画ID記録再生長時間 適合するビデオ更新が自動的に記録にアップロードされます再生長時間の解像度転換も記録から再生長時間実施再生ユーザーが動画に再生時間の再生長い時間は録音され、その後再びこのビデオに入り、直接から録音されます再生時間の長さが始まる再生解像度の変更も記録から再生時間の長さが始まる再生。
• 21、プロモーションはポイントを設定することができ、後台は自己設定で利用可能なポイントの推進を設定することができますが、現在得られるポイントの方法は:毎日署名、宣伝、ビデオアップロード、購入ポイントです。1ドルで購入できる点数設定と組み合わせて、効果は素晴らしい。
• 新しいテンプレートは、日記に追加機能を加え、新しいテンプレットには複数の日記のボタン入力があり、ユーザーが日記でログインするパワーを高めます。
• 23、新規ユーザーが直接購入できるVIPユーザーグループの機能は、元々ポイントを購入し、その後ポイントを使用して購入するだけですVIPユーザーグループは、現在、ポイントを保有して購入するユーザーグループの機能で、直接購入できる新しいユーザーが追加されていますVIPユーザーグループの機能
• 24、ダイナミックグラフショットをスマートショットに変更し、ビデオの真ん中のショットからスタートタイム設定を放棄します。テストによると、ダイナミックグラフが設定された場合、撮影開始時間の長さは、ビデオそのものの長さを超える時間があれば、動態を生み出しません、コードを改善し、自動ショットビデオンタイムの真ん中の位置でダイナマグラフィーを作成します。
• 25、改良劇集正式公開プロセス、追加劇集公式公開ボタンを追加し、追加剧集後、可能なのは劇集中が内容がないため、前台の表示が誤りであるので、今回は正式公開機能を追加したので、ユーザーは再度クリックして編集を加え、再度公式公開をクリックすると、随意でコントロールできるようにします。

概要

この20日間でやったすべての努力を、短いブログ記事では説明できないhttps://www.leimulamu.com 自分自身の体験。