افزونه:گرداننده رسانه زمان‌دار/پخش‌کننده ویدئو جی‌اس

This page is a translated version of the page Extension:TimedMediaHandler/VideoJS Player and the translation is 58% complete.
Outdated translations are marked like this.
نما‌گرفتی از پخش‌کننده‌ی جدید در حال کار

پخش‌کنندهٔ ویدئو جی‌اس جایگزین پخش‌کننده ویدئو برای مدیاویکی است و به زودی جایگزین پخش‌کنندهٔ ویدیوی قدیمی که در پروژه‌های ویکی‌مدیا ارائه شده است خواهد شد.

این برنامه مبتنی بر ویدئو جی‌اس است و دارای واسط کاربری مدرن تر و سریعتر با سازگاری برای دستگاه‌های تلفن همراه و اچ‌تی‌ام‌ال۵ است.

استفاده

نمونه‌ی پخش‌کننده‌ی ویدئو
نمونه‌ی پخش‌کننده‌ی صوت

این یک پخش‌کنندهٔ صوتی و تصویری است. می‌توانید نمونه‌هایی از هر دو پخش‌کننده را در این صفحه بیابید. پس از راه‌اندازی، هنگام تعامل با ویدئو، یک نوار کنترل را مشاهده خواهید کرد.

 

کنترل‌ها به ترتیب از چپ به راست عبارتند از:

  •   کنترل پخش/مکث
  •   کنترل صدا
  • موقعیت پخش
  • زمان پخش باقی‌مانده
  •   انتخابگر زبان زیرنویس و کنترل‌های سبک زیرنویس
  •   انتخابگر وضوح
  •   کنترل اختیاری تصویر-در-تصویر
  •   کنترل تمام‌صفحه
  •   دکمه اطلاعات برای بردن شما به صفحه توضیحات پرونده

کنترل‌های ماوس و صفحه‌کلید

  • روی نماد پخش بر روی تصویرک کلیک کنید تا پخش پرونده رسانه‌ای آغاز شود.
  • روی تصویرک کلیک‌راست یا کلیک‌وسط کنید تا صفحه توضیحات پرونده باز شود
  • پخش/مکث پخش‌کننده با یک کلیک ماوس در داخل پنجرهٔ پخش‌کننده
  • برای ورود یا خروج از حالت تمام‌صفحه، روی پنجره پخش‌کننده دوبار کلیک کنید
  • کنترل‌های صفحه‌کلید زیر در دسترس هستند:
    k / spacebar-key
    پخش/مکث بازپخش رسانه
    f-key
    وارد/ترک تمام‌صفحه شوید
    m-key
    قطع صدا
  • پخش‌کننده با استفاده از کلیدهای تب، اینتر و فاصله به طور کامل از طریق صفحه‌کلید قابل دسترس است

مشکلات شناخته‌شده

  • زیرنویس‌ها ممکن است در برخی پرونده‌ها با مشکل روبه‌رو شوند. ما پشتیبانی از روند اصلاح ویکی‌کد را در زیرنویس‌ها حذف کردیم. به شما توصیه می‌شود این زیرنویس‌ها را بازنویسی کنید (T224258).
  • Audio opens a dialog rather than displayed inline when there is a transcription. This is a deliberate change, that will in future allow us to display transcriptions for audio. Please see T246035.

پخش کننده‌ی ویدیو هنوز در حال توسعه است ، اما اگر مشکلی پیدا کردید ، لطفاً این موارد را در صفحه بحث گزارش دهید یا آنها را در Phabricator بایگانی کنید.

Developers

Developers working on features that use the Video.js player will need to initialize and configure it appropriately. Below is an example of typical usage.

Basic Configuration Example

This is outdated and should be reworked to make use of our player wrappers, which apply consistent options and settings for videojs playback.
// The first argument can be a string ID or a <video> element
var player = videojs( 'my-player-id', {
    controls: true,
    autoplay: false,
    poster: "https://path/to/poster/image"
    sources: [ /* array of source files in various sizes and formats */ ]
} );

The sources can also be provided in the HTML ‎<video> element instead of in JS:

<video class="video-js">
  <source src="//vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
  <source src="//vjs.zencdn.net/v/oceans.webm" type="video/webm">
</video>

Advanced configuration with Ogv.js support

If you need cross-platform playback of OGG or WebM files (many files in Commons are in these formats), you can use the Ogv.js plugin for Video.js, which is also included in TimedMediaHandler. Example configuration:

var player;

// Load the appropriate modules in ResourceLoader
mw.loader.using( 'ext.tmh.videojs-ogvjs' ).then( function () {
    // Load ogvjs if necessary; when this promise resolves,
    // all necessary code has been loaded
    return mw.OgvJsSupport.loadIfNeeded();
} ).then( function () {
    player = videojs( 'my-player-id', {
        controls: true,
        autoplay: false,
        poster: 'https://path/to/my/image',
        sources: [ /* array of sources */ ],
        
        // Ogv.js-specific configuration
        ogvjs: {
            base: mw.OgvJsSupport.basePath()
        }
    } );
} );