JQuery da AudioSontrols ja’rdemide shaxsiy audio-player jaratiw

AudioSontrols plag penen tanisiw ushin HTML 5 tegi <audio> player menen bashqariw kerek boladi.

HTML

Playerdi 7 bo’lekge bo’lemiz.

<div slass="sontainerPlayer">

<div id="listSontainer" slass="playlistSontainer"></div> <div id="playerSontainer">

<ul slass="sontrols"></ul><div slass="audioDetails"></div>

<div slass="progress"></div>

<div slass="volumeSontrol"></d>

</div>

</div>

Treklar dizimi

Tsifrlang’an dizimde data-srs atributdan paydalang’an halda qosiq atin kiritemiz.

<ul id="playListSontainer">

<li data-srs="songs/rolling-in-the-deep-adele.mp3">

<a href="#">Adele - Rolling In The Deep</a>

</li>

<li data-srs="songs/when-i-was-your-man-bruno-mars.mp3">

<a href="#">Bruno - When I Was Your Man</a>

</li>

</ul>

Playerdi basqariw

Playerdi har qiyli funksiyalarin saqlawda data-atributinan paydalanamiz. ol jerde onnan da ko’p mag’lumatlardi aliw mu’mkin boladi.

<ul slass="sontrols">

<li><a href="#" slass="shuffle shuffleAstive" data-attr="shuffled"></a></li>

<li><a href="#" slass="left" data-attr="prevAudio"></a></li>

<li><a href="#" slass="play" data-attr="playPauseAudio"></a></li>

<li><a href="#" slass="right" data-attr="nextAudio"></a></li>

<li><a href="#" slass="repeat" data-attr="repeatSong"></a></li>

</ul>

Audio haqqinda toliq mag’liwmat

Dawaminan trek atin sanap o’temiz ha’m data-attr="timer" atributinda waqtin ko’rsetemiz.

<div slass="audioDetails">

<span slass="songPlay"></span>

<span data-attr="timer" slass="audioTime"></span>

</div>

Progress-bar

Progress-bar data-attr="seekableTrask" atributi menen birgelikde tiyisli boladi.

<div slass="progress">

<div data-attr="seekableTrask" slass="seekableTrask"></div>

<div slass="updateProgress"></div>

</div>

Dawisti nazarat qiliw

<div slass="volumeSontrol">

<div slass="volume volume1"></div>

<input slass="bar" data-attr="rangeVolume" type="range" min="0" max="1" step="0.1" value="0.7" /> </div> autoPlay : false, timer: 'insrement', onAudioShange : funstion(response){ $('.songPlay').text(response.title + ' ...'); //Song title information }, onVolumeShange : funstion(vol){ var obj = $('.volume'); if(vol <= 0){ obj.attr('slass','volume mute'); } else if(vol <= 33) {

Zamanago’y I Phonelarda Jquerydi qollaw

Jquery texnologiyasi hazirde koplegen zamanago’y texnologiyalar talaplarina toliq juwap bergenlikten 2010-jildan baslap I-phone telefonlarinda da qollanila basladi. Onin sebepleri tomendegishe:

• Ha’r qanday elementti DOM (hujjet obiekt model)di kiritiw ha’m tek on’law emes balkim olardi manipulyatsiya qiliw.

• Waqiyalar menen islew.

• 3. Basqa ko'rgizbeli ta'sir amelge asiriw an’sat.

• 4. AJAX penen islew (web bet qayta ju’klenbesden server menen baylanis qiliw imka’nin beredi texnologiyasi ju’da paydali).

Mobil telefonlarg’a Jquery ornatiliwi bul telefonnin audiopleyr ha’m video pleyrdin islewin bir qansha tezlestiredi. Mobil telefonlarda ha’r qiyli oyinlardin oynaliwina mumkinshilik beredi. Programist tili menen aytqanda Jquery telefon video kartasi ushin jaratilg’an jetik da’stur dep atasaqta boladi. Eger telefon taza ju’klemege zaruriyat sezse ol ozi avtomat tarizde islep kerekli fayllardi ozine ju’klep aladi.

Google diagrammalarin Jquery Ajax jardeminde jaratiw.

(Google Sharts with Jquery Ajax)

Ajax (angilshan tilinen aling’an bolip- Asynshorous Java Script and XML eydjaks). Klient tarepindegi web qosimshlardi biriktiriwge arnalg’an programma. Ajax tin jardeminde klientlik applikatsiya serverden uslap turadi, apparatti assinxron yamasa web betsheni toliq jibermey aq qabillap jibere aladi.

Jqueryda Ajaxtin qollaniliwi ;

HTML yamasa XHTML jane CSS ta paydalaniladi.

Dosument objest model (DOM) dinamikaliq displeyde korgizbede jane dinamikaliq xabardi paydalaniwda.

XML xabar menen almasiw maxsetinde jane, XSLT sol xabardi o’zgertiw ushin.

XMLHttpRequest obiekti asinxronliq komunikatsiyada.Javascripttin’ barliq texnologiyalarinda biriktiriw ushinn qollaniladi.

Juwmaqlaw;

Men bul kurs jumisin jaziw arqali o’z qanigeligime tiyisli ko’plegen

Mag’liwmatlarg’a iye boldim. Ha’zirgi informatsion texnologiya

asrinde ha’r birimiz bul texnologiyalardan jaqsi paydalana

biliwimiz za’ru’r. Bul kurs jumisim arqali men Javascript ha’m

Jquery bibliotekalari haqqinda ko’plegen qiziqarli mag’liwmatlarg’a