ApsaraVideo VOD:Official components

ApsaraVideo Player SDK; reklamlar, altyazılar, oynatma listeleri ve diğer yaygın senaryolar için yerleşik bileşenler sunar. Bu bileşenleri olduğu gibi kullanabilir veya ihtiyaçlarınıza göre özelleştirebilirsiniz.

Genel Bakış

• Kaynak kodlarına GitHub üzerinden erişebilirsiniz.

• Bileşenleri Functions sekmesinde deneyebilirsiniz.

• Bazı özellikler yerleşik mobil tarayıcılarda çalışmayabilir.

• GitHub üçüncü taraf bir sitedir; bağlantı sorunları yaşanabilir.

Bileşen listesi

Bileşenleri kullanma

1. Bileşenleri Web Player SDK'ya ekleyin. Şu anda kullanılabilir bir CDN URL'si bulunmamaktadır. Bileşen paketini indirin ve projenize dahil edin. En güncel sürümü kullanın.

   <script type="text/javascript" src="your-public-path/aliplayercomponents-1.0.9.min.js"></script>

2. Bileşenleri Web Player SDK'ya bağlayın.

   var player = new Aliplayer(
     {
       id: "player-con",
       source: "//player.alicdn.com/video/editor.mp4",
       components: [
         {
           name: "StartADComponent",
           type: AliPlayerComponent.StartADComponent,
           args: [
             "https://img.alicdn.com/tfs/TB1byi8afDH8KJjy1XcXXcpdXXa-1920-514.jpg",
             "https://promotion.aliyun.com/ntms/act/videoai.html",
             3,
           ],
         },
         {
           name: "BulletScreenComponent",
           type: AliPlayerComponent.BulletScreenComponent,
           args: [
             "Welcome to use Aliplayer",
             { fontSize: "16px", color: "#00c1de" },
             "random",
           ],
         },
       ],
     },
     function (player) {}
   );

   Bileşen özellikleri:

   Özellik	Açıklama
   name	Bileşenin benzersiz adı; örneğini almak için kullanılır.
   type	Bileşen sınıfı.
   args	Yapılandırıcı bağımsız değişkenleri. Gerekli parametrelerle eşleşmelidir.

Özel derleme oluşturma

Tüm bileşenler

Tüm bileşenleri derler. Çıktı: /dist/aliplayer-components/aliplayercomponents-[version].min.js

$ npm run build

Özel bileşen kümesi

Paket boyutunu küçültmek için yalnızca belirli bileşenleri derleyin:

$ npm run build componentsName # componentsName is the component name

componentsName boşlukla ayrılmış bir listedir. Örnek:

$ npm run build AliplayerDanmu BulletScreen # Package the AliplayerDanmu and BulletScreen components.