Flipabit
  • Flipabit
  • Getting started
    • Flipabit overview
    • Create project
    • Run on device
    • Build
      • Build for iOS
      • Build for Android
      • Build for Desktop
    • Publish to App Stores
      • Submit to App Store
      • Submit to Google Play
  • Layers
    • Select layer
    • Change order, visibility and name
    • Copy and paste
    • Move layer
    • Resize layer
    • Rotate layer
    • Align layers
    • Arrange layers
    • Navigation layer
      • Display page title
      • Display Tab bar
      • Display Table of contents
      • Display Back button
      • Next/Prev buttons
      • Navigation actions
  • Pages
    • Add or delete page
    • Open page
    • Page background and overlay
  • Widgets
    • Image
    • Video
    • Text
    • PDF
    • Web
    • Diorama
    • Audio
    • Animation
    • Camera
    • YouTube
    • Map
    • Chart
    • Calendar
    • Table
    • Form
    • 3D Model
  • Groups
    • Add group
    • Move and resize group
  • Style
    • Opacity
    • Borders
    • Background
    • Opacity mask
    • Overlay
    • Margins
    • Blur
    • Copy and paste style
  • Interactivity
    • Navigate between pages
    • Maximize widget
    • Drag widget
    • Disable widget
  • Project
    • Resolution
    • Orientation
    • Status Bar
    • Settings
    • Publish settings
  • Animation
    • Page animation
    • Maximize animation
    • Position animation
    • Size animation
    • Size and position animation
    • Rotation animation
    • Opacity animation
    • Color animation
    • Blur animation
  • Actions
    • Actions Editor Overview
    • Add action
    • Suspend actions
    • Arguments
    • Delay action
    • Animation settings
    • Repeat action
  • Data & backend
    • Airtable
    • Google Sheets
  • Networking
  • Tutorials
  • API
    • Project
    • Page
    • Group
    • Widget
      • Image
      • Text
      • Video
      • Diorama
      • Audio
      • Web
      • Animation
      • Camera
      • YouTube
      • Map
      • Chart
      • Calendar
      • Table
      • Form
      • Record
      • 3d model
  • ⭐Updates
  • 🎁Get Flipabit
Powered by GitBook
On this page
  • Add audio
  • Change audio
  • Graphical equalizer
  • Playback panel

Was this helpful?

  1. Widgets

Audio

Audio file user can play

PreviousDioramaNextAnimation

Last updated 4 years ago

Was this helpful?

Add audio

  1. Select page in Navigator

  2. Do one of the following:

    • Click on Toolbar

    • Select Insert > Widgets > Audio

    • Click + on Toolbar

  3. Select audio file

Change audio

  1. Select Audio widget

  2. Open Widget Inspector

  3. Click Select audio

  4. Select audio file

Graphical equalizer

  1. Select Audio widget

  2. Open Widget Inspector

  3. Enable Equalizer to show graphical equalizer

  4. Customize equalizer:

    • Select color

    • Set bar width

    • Enable Dots to show dots instead of bars

Playback panel

  1. Select Audio widget

  2. Open Widget Inspector

  3. Select from Show playback list when to show playback panel:

    • Always: always show playback panel

    • Never: never show playback panel

    • Maximize: show playback panel when widget is maximized

  4. Customize playback panel:

    • Enter panel height in Height field

    • Select Background color Enable Blurred to add blur effect (will work only with translucent background).

    • Select Controls color

    • Select Slider color