FMUSER Wirless edastab videot ja heli lihtsamalt!

[meiliga kaitstud] WhatsApp + 8618078869184
Keel

    Mobiilse HTML5 heli- ja videoprobleemid ja lahendused

     

    Hiljuti uurime video kasutamist animatsiooni asemel ja videot sprite'i animatsiooni asemel. Nimetame sellist videot interaktiivseks videoks.

    Traditsiooniline sprite-animatsioon: suur kettaruum, aeglane allalaadimine, eriti võrgus esitamine, on aeglasem
    Liiga palju faile, liiga palju http-taotlusi võrgus mängides põhjustab aeglast reageerimist või ebanormaalset käitumist. Seetõttu on kiiresti vaja välja töötada tehnoloogia komplekt, mis asendaks sprite-animatsiooni videoga. Nimetame sellist videot interaktiivseks videoks

     

    Traditsioonilise videoga seotud probleemid:

    1. Saab mängida ainult ruudukujulisel alal
    2. iPadi all on see mängimiseks aken ja iPhone'i all saab seda mängida ainult täisekraanil.
    3. Mängides tuleb see kindlasti esile

     

    Interaktiivsel videol on järgmised omadused:

    IPhone'i all pole täisekraaniga taasesitust vaja, seda saab mängida ühes piirkonnas
    Interaktiivne video võib ilmuda tavaliste graafiliste objektide all
    Interaktiivsel videol võib olla mask, nii et video taust saab eemaldada ja video ning tavalised graafilised objektid integreerida

     

    Kokkuvõte: Esitamiseks kasutatava video jaoks määrame selle traditsiooniliseks videoks. Konkreetsetel eesmärkidel kasutatavate videote jaoks määrame need interaktiivseteks videoteks. Uuring on andnud esialgseid tulemusi. Muide, see võtab kokku mobiiltelefoni H5 heli ja video arendamisel lähiaastatel tekkinud tegelikud probleemid ja pakub oma lahendused. Heitke pilk lõplikule tegelikule efektile: ühildub arvutiga (> IE9), iphone, ipad, Android 5.0

     

    Lahendage iPhone'i käsitsi, automaatse ja mähise probleemid ja see saab hakkama põhimõtteliselt kasutada tegelikus tootmises. Paremal on algne video mp4 fail, vasakul olev video asendab animatsiooni ja toetab seejärel taustamaski efekti, võib paljastada baaskaardi ja toetada rida interaktiivseid toiminguid


    H5 heli

    Iga kord, kui heliobjekt edastatakse uue heli kaudu, võib IOS-is näha uut lõime.
    Lahendus: uus audioobjekt, asendades erinevad heli aadressid, saavutab eesmärgi mitte avada rohkem lõime.

     Androidi tugi pole hea
    Lahendus: Androidi madalama versiooni probleem pole lahendatud. Üldiselt saab segarendusega hakkama, kohandades aluseks olevat liidest, näiteks phonegap

     IPhone'is ei saa automaatselt mängida
    Lahendus.: Automaatne taasesitus iPhone'is on protsess, mis tehakse IOS-i kujundamise ajal. Tundub, et see takistab liikluse automaatset vargust.

    Lihtsamalt öeldes tuleb see kasutaja simuleerimisel käivitada käsitsi, nii et peame sellele koodijupile kohe alguses helistama:

    Kopeeri kood
    // Parandage probleem, et ios-brauser ei saa heli automaatselt esitada. Looge laadimisel uus heli ja asendage src selle kasutamisel.
    Xut.fix = Xut.fix || {};
    if (Xut.plat.isBrowser && Xut.plat.isIOS) {
        var isAudio = vale
        var fixaudio = function () {
            kui (! onAudio) {
                isAudio = tõene;
                Xut.fix.audio = uus heli ();
                document.removeEventListener ('touchstart', fixaudio, false);
            }
        };
        document.addEventListener ('touchstart', fixaudio, false);
    }
    Kopeerige ülaltoodud kood
    Kui seote sellise koodi kehaga: looge heliobjekt, käivitades selle käsitsi, ja seejärel salvestage see globaalsesse

    Järgmisel kasutamisel:

    Kopeeri kood
    // Kui kasutate ios-brauseri src määramiseks Xut.fix.audio, pöörduge initsialiseerimiseks rakenduse app.js poole
    kui (Xut.fix.audio) {
        heli-
    =
     Xut.fix.audio;
        audio.src = url;
    } Else {
        audio = uus heli (url);
    }
    audio.autoplay = tõsi;
    audio.play ();

    Lihtsalt asendage heliobjekt. Lihtsamalt öeldes peab see olema objekt, mille kasutaja käivitab mängimiseks.

     
    H5 video heli

    Videomärgendeid võidakse mobiilses terminalis kasutada harva, Androidi tugi on liiga halb, visuaalselt 5.0 on parem. IPhone'i vana probleemi ei saa automaatselt esitada (andmete salvestamine, õe salvestamine !!!) ja vaikimisi on mängimiseks täisekraanjuhtimine. Pikka aega eirasin seda videotöötlust. Android kasutab alumist kihti, iPhone kasutab otse sisseehitatud välklampi ja h5-lülitit VideoJS, välklampil on ka tugiprobleeme. Mõni aeg tagasi oli ülemusel nõudmine. Rakendasime liiga palju animatsioone, kõik need olid kombineeritud animeeritud marsruutide animatsioonid, ulatudes sadade megabaitide ja sadade megabaitideni ühe rakenduse all, nii et piltide tihendamiseks on vaja kiiresti lahendust. Lõplik lahendus on animatsiooni asemel video kasutamine, sest videotihendustehnoloogiat on aastaid arendatud ja see on olnud väga küps. Nüüd saab videotihendustehnoloogia abil hõlpsasti teisendada 720P. Kõrglahutusega filmid, tihendatud 10M / min või 160K / s. Pildijada failisuurus on vähemalt mitu kümme korda väiksem. Samal ajal toetab enamik seadmeid video riistvara dekompressiooni, nii et video taasesituse protsessori tarbimine on väga väike, ka aku tarbimine on väga madal ja taasesituse kiirus on samuti kiire. Isegi 25 ekraani täisekraaniga taasesitust saab hõlpsasti saavutada.

     
    Plaan on lõplikult vormistatud ja siin on mitu lahendamist vajavat probleemi.

    Kogu video, sealhulgas mõned video objektid, suudab reageerida kasutaja klõpsudele, slaididele ja muudele iPhone'i toimingutele, seda saab mängida aknas, filtreerida tausta ja seda saab kasutada nagu PNG-pilti. Video asendab animatsiooni ja toetab seejärel taustamaski efekti, mis võib paljastada baaspildi, samuti lahendab käsitsi, automaatse ja mittetäieliku ekraani probleemi

     
    iphone kerimine

    Lahendus: kombineerige töötlemine lõuendi + videomärgendite kaudu

    Põhimõte: hankige video algne pildiraam ja tõmmake see lehtede kaudu lehele

    Siin lisan otse lähtekoodi, kood on üldiselt kirjutatud, kuid toob välja mõned põhipunktid

    http://iwearshorts.com/blog/inline-video-on-the-iphone/

    http://stackoverflow.com/questions/3699552/html5-inline-video-on-iphone-vs-ipad-browser

     
    Animatsiooni asemel video

    See on natuke tülikas. Kujutise juhtimise eesmärgi saavutamiseks peab see olema interaktiivne ja lohistama lõuendit. Ma ei ole veel seda kõike kirjutanud ja ettevõtte üldistel vajadustel seda pole. Siin on lühike kirjeldus, seda töötleb ka lõuend + video, kuid eeltöötluse tegemiseks on vaja vahemällu salvestatud lõuendi konteinerit. Eeltöötluse kaudu saate iga pildi pikslid ja iga piksli RBG väärtust muutes saab see tausta välja filtreerida, nii et seda saab kasutada nagu PNG-pilti. Kirjutan selle hiljem ja avaldan ~~

     

     

     

     

    Vaata kõiki Küsimus

    hüüdnimi

    E-POST

    Küsimused

    Meie teise tootega:

    Professionaalne FM-raadiojaama varustuspakett

     



     

    Hotell IPTV lahendus

     


      Üllatuse saamiseks sisestage e-posti aadress

      fmuser.org

      es.fmuser.org
      it.fmuser.org
      fr.fmuser.org
      de.fmuser.org
      af.fmuser.org -> afrikaans
      sq.fmuser.org -> albaania keel
      ar.fmuser.org -> araabia
      hy.fmuser.org -> Armeenia
      az.fmuser.org -> aserbaidžaanlane
      eu.fmuser.org -> baski keel
      be.fmuser.org -> valgevenelane
      bg.fmuser.org -> Bulgaaria
      ca.fmuser.org -> katalaani keel
      zh-CN.fmuser.org -> hiina (lihtsustatud)
      zh-TW.fmuser.org -> Hiina (traditsiooniline)
      hr.fmuser.org -> horvaadi keel
      cs.fmuser.org -> tšehhi
      da.fmuser.org -> taani keel
      nl.fmuser.org -> Hollandi
      et.fmuser.org -> eesti keel
      tl.fmuser.org -> filipiinlane
      fi.fmuser.org -> soome keel
      fr.fmuser.org -> Prantsusmaa
      gl.fmuser.org -> galicia keel
      ka.fmuser.org -> gruusia keel
      de.fmuser.org -> saksa keel
      el.fmuser.org -> Kreeka
      ht.fmuser.org -> Haiti kreool
      iw.fmuser.org -> heebrea
      hi.fmuser.org -> hindi
      hu.fmuser.org -> Ungari
      is.fmuser.org -> islandi keel
      id.fmuser.org -> indoneesia keel
      ga.fmuser.org -> iiri keel
      it.fmuser.org -> Itaalia
      ja.fmuser.org -> jaapani keel
      ko.fmuser.org -> korea
      lv.fmuser.org -> läti keel
      lt.fmuser.org -> Leedu
      mk.fmuser.org -> makedoonia
      ms.fmuser.org -> malai
      mt.fmuser.org -> malta keel
      no.fmuser.org -> Norra
      fa.fmuser.org -> pärsia keel
      pl.fmuser.org -> poola keel
      pt.fmuser.org -> portugali keel
      ro.fmuser.org -> Rumeenia
      ru.fmuser.org -> vene keel
      sr.fmuser.org -> serbia
      sk.fmuser.org -> slovaki keel
      sl.fmuser.org -> Sloveenia
      es.fmuser.org -> hispaania keel
      sw.fmuser.org -> suahiili keel
      sv.fmuser.org -> rootsi keel
      th.fmuser.org -> Tai
      tr.fmuser.org -> türgi keel
      uk.fmuser.org -> ukrainlane
      ur.fmuser.org -> urdu
      vi.fmuser.org -> Vietnam
      cy.fmuser.org -> kõmri keel
      yi.fmuser.org -> Jidiši

       
  •  

    FMUSER Wirless edastab videot ja heli lihtsamalt!

  • Saada sõnum

    Aadress:
    Nr 305 tuba HuiLan Building No.273 Huanpu Road Guangzhou, Hiina 510620

    E-mail:
    [meiliga kaitstud]

    Tel / WhatApps:
    + 8618078869184

  • Kategooriad

  • Uudiskiri

    ESIMENE VÕI TÄIELIK NIMI

    E-mail

  • paypal lahendus  Western UnionBank of China
    E-mail:[meiliga kaitstud]   WhatsApp: +8618078869184 Skype: sky198710021 Vestle minuga
    Copyright 2006-2020 Powered By www.fmuser.org

    Võta meiega ühendust