Video Player elementi ile uygulamalarınıza kolayca video içerikleri entegre edebilir, kullanıcılarınıza oynatma, durdurma ve ses kontrolü gibi temel medya deneyimlerini sunabilirsiniz.
Video Player elementi, uygulamalarınıza video içerikleri entegre etmenizi sağlayan etkileşimli bir medya oynatıcıdır. Kullanıcıların videoları oynatabilmesi, duraklatabilmesi, sesi kontrol edebilmesi ve ilerleme çubuğunu kullanabilmesi için gerekli tüm temel özellikleri sunar.
Öncelikle Data Sources modülünde Actions, New SQL Action adımlarını izleyerek GetCourseVideo aksiyonunu oluşturun. Test edip kaydedin. UI Design modülüne geçin ve sayfanıza Initial Action ile aksiyonunuzu bağlayın. “Image” elementini ekleyin, görselinizi yükleyin. Styling panelinden Width değerini 250 px, Height değerini 80 px olarak ayarlayın. Column alanını dikeyde ve yatayda ortalayın. Altına bir “Label” elementi ekleyin. Value alanını Action Results, GetCourseVideo, First, Title adımlarını izleyerek tanımlayın. Styling panelindeki Style alanı ile Heading 2 Text olarak fontu belirleyin. Onun altına ise bir “Video Player” elementini ekleyin. Url alanını Action Results, GetCourseVideo, First, VideoUrl olarak tanımlayın. Kullanıcının videoyu duraklatma, sesi artırma azaltma, oynatma hızını değiştirme gibi işlemleri gerçekleştirebilmesi için “Controls” alanını, başlangıçta videonun sessiz olarak başlaması için “Muted” alanını, video bittiğinde otomatik tekrar başlaması için ise “Loop” alanını açık olarak ayarlayın. Son olarak “Label” elementini ekleyin. Value alanında Action Results, GetCourseVideo, First, Description tanımlamalarını gerçekleştirin.
Uygulama test edildiğinde, eğitim detay ekranında “Kuika Low-Code Nedir?” başlığı altında ilgili eğitime ait video içeriği Video Player elementi üzerinden görüntülenir. Video, sayfa yüklendiğinde otomatik olarak hazır hale gelir ve kullanıcı, oynatma, durdurma, ses açma kapama, ilerletme ve tam ekran gibi temel video kontrollerini kullanarak içeriği izleyebilir.
