Skapa en cirkelspelare

Skapa en Circle Player — flytande cirkulär lyssningskontroll

Ocuco-landskapet Cirkelspelare är en flytande cirkulär kontroll för sidljud. Den förblir kompakt, fungerar bra på marknadsföringssidor och mobila layouter och använder fortfarande GSpeech Molnljudgenerering med cachade AI-röster.

Konfigurera Innehållsväljaren för texten som ska läsas upp, Render Element för monteringsklassen (ofta .gsp_circle_player), och titeltext för hovringsetiketten.

  • Flytande cirkelgränssnitt — minimalt fotavtryck, stark visuell ledtråd.
  • Håll muspekaren över titeln — Titeltexten visas när användare håller muspekaren över kontrollen.
  • Anpassad HTML-montering - <div class="gsp_circle_player"></div>

Öppna molnkonsolen Knappspelare Live demonstrationer

Skapa en cirkelspelare

Hur man skapar en cirkelspelare

  1. Logga in (eller registrera dig gratis).
  2. Öppna instrumentpanelen och välj din webbplats.
  3. widgets → Lägg till ny widget.
  4. Ange en titel → typ Cirkelspelare → Skapa.
  5. Öppet Innehåll: ställ in innehållsväljare och renderingselement (# = id, . = klass; kommatecken samlar / exkluderar delar).
  6. uppsättning Titeltext (visas vid muspekaren).
  7. Spara, publicera och testa på mobil och dator.

Nybörjare på HTML-värden? id → #, klass → ., kommateckenRöst och de flesta spelaralternativ är som standard Använd Global från webbplatsinställningar — Globala kontra anpassade inställningar.

Monteringskod

  • Cirkelspelare: <div class="gsp_circle_player"></div>

Vanliga frågor om Circle Player

  • Fungerar Circle Player på mobilen?

    Ja. Testa placeringen så att den inte täcker viktiga uppmaningar till handling. Titeltext när du håller muspekaren över den kan vara mindre synlig på pekskärmsenheter – håll etiketterna tydliga i innehållet på andra ställen om det behövs.
  • Cirkel vs Full Player?

    Full Player är en dedikerad lyssningslist för långa artiklar. Circle är en kompakt flytande kontroll när du vill ha ljud utan en fullbreddsspelare i Chrome.

Frågor? Kontakta oss.