Home
Get Started what is rhyme? Your First App Sign Up
Blocks Block Types [start] [init] [blocks]
Actions Display Actions Input Actions Data Actions Flow Actions Understanding Actions
Variables Naming Conventions Special Variables $variables
Values Working with Text Text Number Switch Item Group Date Time Duration
Images Basics Displaying Images Image Sources
Icons Basics Icon Styling !icon select tool
Colors Color Sets Sets Color Tool Dynamic Theme
Fonts Basics Preview Fonts
Tags Understanding Tags Sounds
Sounds Beep Sounds Tap Sounds Event Sounds Slide Sounds
reference
Actions .10x1-image .12x1-image .16x9-image .1x1-image .1x2-image .1x3-image .1x4-image .1x6-image .1x8-image .2x1-image .2x3-image .3x1-image .3x2-image .4x1-image .4x3-image .4x5-image .5x4-image .6x1-image .6x9-image .8x1-image .a .account-signup .acknowledge .acknowledge-once .action-help .action-list .alt .announcement .app-frame .app-icon .app-iphone .app-laptop .app-navbar .app-tablet .aside .avatar .back .back-button .back-header .background-animated-gradient .background-color .background-gradient .background-image .background-video .banner-divider .bluesky .bottom-center .bottom-left .bottom-navbar .bottom-panel .bottom-right .brand-screen .btn .busy-button .button .button-bar .chat-incoming .chat-input .chat-outgoing .chat-typing .checkbox-field .chip .circle-button .circle-image .click .close-icon .color-input .color-palette .color-swatch .column .confetti .continue-button .copy-textbox .copyright .corner-banner .date-input .details .devfooter .dialog .dicebear-avatar .div .divider .divider-bar .edit-app .editor .enter .enter-date .enter-email .enter-family-name .enter-fullname .enter-given-name .enter-helptext .enter-number .enter-password .enter-phone .enter-text .enter-time .enterkey-effect .error-line .facebook .filler .fineprint .fixed-footer .font-sample .footer .footer-nav .full-panel .fullscreen-error .github .golden-image .goleft-effect .goto .goto-effect .gradient .grid .grid-cell .handwriting .header .help .hide .hide-in-progress .hover-over .hr .icon .icon-avatar .icon-button .icon-with-label .iframe .image .image-avatar .image-button .image-header .image-title .inbox-message .inbox-message-input .initials-avatar .input .instagram .left-panel .link .linkedin .list .list-item .live-search .lottie .megaicon .menu .menu-item .middle-center .middle-left .middle-right .mobile-app-view .navigation-bar .navto .number .option .overlay .paragraph .paragraph-text .password-field .password-panel .paste-background .pinpad-input .placeholder .popup .popup-screen .profile .progress-bar .progress-circle .progress-circle-with-value .qrcode .radio-field .rhappsody .rhyme-editor .rhyme-example .rhyme-live .rhyme-source .right-panel .row .run .screen .screen-background .search .select .select-field .set .shape-divider .show-in-progress .signature .signature-pad .sim-app .simulate .simulator .slider-input .spacer .span .spinner .splash-screen .stack .tagline .text .text-field .textarea .textbox-field .textbox-input .time-input .tint .tiptext .title .top-appbar .top-center .top-left .top-panel .top-right .turnstile .twitter .upload-csv .upload-file .upload-file-input .upload-image .upload-json .user-login .validate-email .value .video .video-banner .video-button .wait .when-load-complete .youtube .youtube-video +attachable +decorate +paste-image +paste-image +tint +when-close +when-load-complete account-ctx account-login account-logout account-signup action add add-days add-line add-row add-text add-weeks admin-login ai-auth ai-context ai-model ai-provider allow-dynamic-actions and app app-authorization app-colors app-context app-context-server app-data app-expires-on app-font app-golive-on app-host app-image app-mode app-name app-password app-private app-public app-sound appdev average background-image bluesky break browser-version build-app calculate capitalize character clear-acknowledgement clear-announcement clear-client clear-icons clear-image clear-images clear-inbox clear-profile close-menu color compile conditional confetti console-error console-info console-log console-var contains continue core-kv-get core-kv-put core-run corner-banner create-key create-table csv day-names days-between days-until decode-secret decrement decrypt default default-style delay delete delete-all-videos delete-app-data delete-app-image delete-appgroup delete-column delete-inbox-message delete-key delete-public-app-data delete-public-user-data delete-row delete-saved delete-user-data dir-action dir-actions dir-app dir-blocks dir-boot dir-build dir-clear dir-clear-inbox dir-compile dir-compiler dir-current dir-delay dir-delete-appgroup dir-delete-image dir-dev dir-edit dir-edit-block dir-files dir-help dir-hide dir-images dir-inbox dir-list-apps dir-list-groups dir-load dir-login dir-login-if-needed dir-logout dir-mock-date dir-new dir-new-appgroup dir-new-image dir-publish dir-regen-keys dir-secrets dir-send-inbox-message dir-set dir-sets dir-shell dir-show dir-source dir-source-default dir-status dir-users dir-who distance-between divide down-key dynamic-action dynamic-color-theme editor-login editor-onkey enable-shell-shortcut encrypt endconditional english ensure-email enter-date enter-email enter-family-name enter-fullname enter-given-name enter-helptext enter-key enter-number enter-password enter-phone enter-text enter-time equals error-line escape-key exit-module facebook fadein fadeout fake fake-date fake-table fake-time fill-column filter-group first-row font foreach forget fullscreen-error generate-app-key get-ip-location get-item-number get-location get-public-key get-recipe get-row github goto groq-ai-chat groq-models have hide host-call http-delete http-get http-post http-put icon if if-fail if-is-closed if-is-open if-success image increment init-all init-animation init-auth init-chat init-client init-compiler init-help init-images instagram is-appgroup-available is-date is-greater-than is-group is-item is-less-than is-number is-time is-valid-email is-valid-phone key last-row launch-module left-key length-of linkedin list-actions list-actionsets list-app-data list-app-images list-appgroups list-apps list-areas list-color-palettes list-colors list-compilers list-dynamic-actions list-fonts list-icons list-images list-inbox list-public-app-data list-public-user-data list-recipes list-saved list-secrets list-user-data list-videos load load-app load-app-data load-audio load-binary-file load-compiler load-json-file load-public-app-data load-public-user-data load-saved load-source load-text-file load-user-data logic loop lowercase manager-login max missing modulo month-names multiply my-approups new-app new-appgroup new-profile noop not not-equals on-incoming-chat-message on-notification open-browser open-browser-window open-menu openai-chat pause-audio person pick-random play-audio print print-error print-header profile protect-with-password proxy publish-bin publish-html publish-private random-between random-dice-roll random-digits random-row random-text random-uuid register-actionset reload remember remove-secret render-recipe repeat resend-send-email reset-client resize-image restore-profile resume return right-key round round-down round-up run save save-app-data save-app-image save-public-app-data save-public-user-data save-source save-user-data say schedule secret send-email send-notification send-to-inbox server-run set set-active-schedule set-ai-service set-animation set-announcement set-app-bin set-app-source set-app-title set-brand-color set-build-mode set-css-variable set-debug-ui set-default set-default-font set-dev-mode set-email-bcc set-email-body set-email-cc set-email-from set-email-service set-email-subject set-email-to set-groq-api-key set-http-body set-http-header set-http-timeout set-iconset set-image set-language set-message-body set-message-from set-message-subject set-mock-mode set-private-key set-public-key set-resend-api-key set-secret set-sound set-start-block set-target-ag set-target-aid set-video set-voice set-voice-language shield show slide-down slide-left slide-right slide-up slot sort-column sort-group sort-table source-block-list source-delete-block source-get-block source-join-blocks source-split-blocks source-update-block space-between-lines space-key spanish split-text stack stop-audio store-profile style su-account su-accounts su-platform subscribe subtract sync-time-to-server test test-owner-auth test-server timer-start timer-stop toggle-menu top-left twitter typed-getters-example unpack-row unshield unsubscribe up-key upload-app-image uppercase use use-modules user user-data user-login vardump varref varset vibrate wait waitfor when youtube
action sets understanding action sets acknowledgement actions AI announcements appgroup audio auth avatars background barcodes blog browser buttons calendar chat client clipboard color column compiler components config core CSS data datetime debug decorator directive divider editor editors effects email enter error events examples exec feedback fields file flow fonts footers form goto groq group headers help HTML HTTP icons if images inbox init input inputs interaction keys language layout lists localstorage location log logic logicfn loops math media menus messaging mock modifier modules navigation network notifications numbers openai overlays paragraph platform print profile progress publish random recipes resend resources rhyme row rows screens search secrets security selects server services shell shield sim social sounds source specialfx speech stacks styling system table test testing text upload users utilities utils validate validation variables video view voice
advanced /shell Variable Types Mock Values environment
Tools /shell Rhyme Editor /shell Playground
Tutorials Your App's Inbox
Resources
Rhappsody Platform Community Discord Server

© 2025 Rhappsody

Media

16 posts tagged with "Media"

.video

video
element

The .video action shows MP4 video. It belongs to the video category within the media area.

Action Syntax 

.video +imagetag
An image tag starting with +
Valid sizes
tiny
small
medium
large
extra
Tags
controls

shows video playboack controls

muted

starts video in muted mode

Examples 

// Basic Usage
.video %videotag
Action code: 646287425
Version: 0.6.4-4
Last updated: 2025-06-13

.video-banner

video
element

The .video-banner action shows a video banner (edge to edge). It belongs to the video category within the media area.

Action Syntax 

.video-banner +imagetag
An image tag starting with +
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
.video-banner %videotag
Action code: 184744160
Version: 0.6.4
Last updated: 2025-06-13

.video-button

video
element

The .video-button action an video button. It belongs to the video category within the media area.

Action Syntax 

.video-button +imagetag
An image tag starting with + 
.video-button +imagetag [file]
An image tag starting with + followed by A file reference
Valid sizes
tiny
small
medium
large
extra
Tags
rounded

a rounded button (default)

circle

a circle button

square

a square button

Examples 

// Basic Usage
.video-button %video2
Action code: 891881283
Version: 0.6.4
Last updated: 2025-06-13

.youtube-video

video
element

The .youtube-video action a youtube video player. It belongs to the video category within the media area.

Action Syntax 

.youtube-video "text"
A quoted text string 
.youtube-video $variable
A variable name starting with $
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
.youtube-video "videoid"
// Using Variables
// Display dynamic content from variables
.youtube-video $videoid
Action code: 3670458289
Version: 0.6.4-3
Last updated: 2025-06-13

app-sound

sounds

The app-sound action defines an app sound. It belongs to the sounds category within the media area.

Action Syntax 

app-sound ~sound https://...
A sound identifier starting with ~ followed by A valid URL 
app-sound ~sound ~sound
A sound identifier starting with ~ followed by A sound identifier starting with ~
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
app-sound ~soundtag https://soundfile
Action code: 119574890
Version: 0.6.4
Last updated: 2025-06-13

delete-all-videos

video
function
(delete-videos)

The delete-all-videos action deletes all saved local video files. It belongs to the video category within the media area.

Action Syntax

This action accepts various parameters. See the examples below for usage patterns.

Return Value

This function returns a

NUMBER
value that can be stored in a variable:

$result = delete-all-videos
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
delete-all-videos
Action code: 3667615160
Version: 0.6.4-4
Last updated: 2025-06-13

english

language

The english action Checks if the current language is set to English. It belongs to the language category within the media area.

Action Syntax 

english

This action takes no parameters and is used as a bare command.

Description: test if language is English

Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
english
Action code: 3439735674
Version: 0.6.4-1
Last updated: 2025-06-13

list-videos

video
function

The list-videos action lists videos saved in IDB using the set-image action. It belongs to the video category within the media area.

Action Syntax

This action accepts various parameters. See the examples below for usage patterns.

Return Value

This function returns a

GROUP
value that can be stored in a variable:

$result = list-videos
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
list-videos
Action code: 4101095648
Version: 0.6.4
Last updated: 2025-06-13

load-audio

audio

The load-audio action Loads an audio file into memory for later playback. It belongs to the audio category within the media area.

Action Syntax 

load-audio ~sound https://...
A sound identifier starting with ~ followed by A valid URL 
load-audio ~sound $variable
A sound identifier starting with ~ followed by A variable name starting with $
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
load-audio ~song https://example.com/song.mp3
// Using Variables
// Display dynamic content from variables
load-audio ~song $url-variable
Action code: 4220451345
Version: 0.6.4-11
Last updated: 2025-06-13

pause-audio

audio

The pause-audio action Pauses any currently playing audio. It belongs to the audio category within the media area.

Action Syntax

This action accepts various parameters. See the examples below for usage patterns.

Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
pause-audio
Action code: 3316098017
Version: 0.6.4-3
Last updated: 2025-06-13

play-audio

audio

The play-audio action Plays a previously loaded audio file. It belongs to the audio category within the media area.

Action Syntax 

play-audio ~sound
A sound identifier starting with ~
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
play-audio ~song
Action code: 4131715346
Version: 0.6.4-3
Last updated: 2025-06-13

set-language

language

The set-language action sets the default app language. It belongs to the language category within the media area.

Action Syntax 

set-language arabic
A value 
set-language german
A value 
set-language english
A value 
set-language spanish
A value 
set-language french
A value 
set-language italian
A value 
set-language japanese
A value 
set-language korean
A value 
set-language portuguese
A value 
set-language russian
A value 
set-language mandarin
A value 
set-language greek
A value 
set-language hebrew
A value 
set-language hindi
A value 
set-language $variable
A variable name starting with $
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
set-language arabic
// Using Variables
// Display dynamic content from variables
set-language $lang
Action code: 1394099461
Version: 0.6.4-1
Last updated: 2025-06-13

set-sound

sounds

The set-sound action defines an app sound. It belongs to the sounds category within the media area.

Action Syntax 

set-sound ~sound to https://...
A sound identifier starting with ~ followed by a value followed by A valid URL 
set-sound ~sound to ~sound
A sound identifier starting with ~ followed by a value followed by A sound identifier starting with ~

Examples 

// Basic Usage
set-sound ~beep to https://soundfile
Action code: 3768481096
Version: 0.6.4-1
Last updated: 2025-06-13

set-video

video

The set-video action sets/defines a video tag. It belongs to the video category within the media area.

Action Syntax 

set-video +imagetag https://...
An image tag starting with + followed by A valid URL 
set-video +imagetag +imagetag
An image tag starting with + followed by An image tag starting with +
Valid sizes
tiny
small
medium
large
extra
Tags
save

persists the video in local storage. Use for videos which to do not change often

spanish

language

The spanish action conditional spanish. It belongs to the language category within the media area.

Action Syntax 

spanish

This action takes no parameters and is used as a bare command.

Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
spanish
Action code: 111030122
Version: 0.6.4-0
Last updated: 2025-06-13

stop-audio

audio

The stop-audio action Stops any currently playing audio. It belongs to the audio category within the media area.

Action Syntax

This action accepts various parameters. See the examples below for usage patterns.

Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
stop-audio
Action code: 3042041997
Version: 0.6.4-0
Last updated: 2025-06-13

Home
Get Started what is rhyme? Your First App Sign Up
Blocks Block Types [start] [init] [blocks]
Actions Display Actions Input Actions Data Actions Flow Actions Understanding Actions
Variables Naming Conventions Special Variables $variables
Values Working with Text Text Number Switch Item Group Date Time Duration
Images Basics Displaying Images Image Sources
Icons Basics Icon Styling !icon select tool
Colors Color Sets Sets Color Tool Dynamic Theme
Fonts Basics Preview Fonts
Tags Understanding Tags Sounds
Sounds Beep Sounds Tap Sounds Event Sounds Slide Sounds
reference
Actions .10x1-image .12x1-image .16x9-image .1x1-image .1x2-image .1x3-image .1x4-image .1x6-image .1x8-image .2x1-image .2x3-image .3x1-image .3x2-image .4x1-image .4x3-image .4x5-image .5x4-image .6x1-image .6x9-image .8x1-image .a .account-signup .acknowledge .acknowledge-once .action-help .action-list .alt .announcement .app-frame .app-icon .app-iphone .app-laptop .app-navbar .app-tablet .aside .avatar .back .back-button .back-header .background-animated-gradient .background-color .background-gradient .background-image .background-video .banner-divider .bluesky .bottom-center .bottom-left .bottom-navbar .bottom-panel .bottom-right .brand-screen .btn .busy-button .button .button-bar .chat-incoming .chat-input .chat-outgoing .chat-typing .checkbox-field .chip .circle-button .circle-image .click .close-icon .color-input .color-palette .color-swatch .column .confetti .continue-button .copy-textbox .copyright .corner-banner .date-input .details .devfooter .dialog .dicebear-avatar .div .divider .divider-bar .edit-app .editor .enter .enter-date .enter-email .enter-family-name .enter-fullname .enter-given-name .enter-helptext .enter-number .enter-password .enter-phone .enter-text .enter-time .enterkey-effect .error-line .facebook .filler .fineprint .fixed-footer .font-sample .footer .footer-nav .full-panel .fullscreen-error .github .golden-image .goleft-effect .goto .goto-effect .gradient .grid .grid-cell .handwriting .header .help .hide .hide-in-progress .hover-over .hr .icon .icon-avatar .icon-button .icon-with-label .iframe .image .image-avatar .image-button .image-header .image-title .inbox-message .inbox-message-input .initials-avatar .input .instagram .left-panel .link .linkedin .list .list-item .live-search .lottie .megaicon .menu .menu-item .middle-center .middle-left .middle-right .mobile-app-view .navigation-bar .navto .number .option .overlay .paragraph .paragraph-text .password-field .password-panel .paste-background .pinpad-input .placeholder .popup .popup-screen .profile .progress-bar .progress-circle .progress-circle-with-value .qrcode .radio-field .rhappsody .rhyme-editor .rhyme-example .rhyme-live .rhyme-source .right-panel .row .run .screen .screen-background .search .select .select-field .set .shape-divider .show-in-progress .signature .signature-pad .sim-app .simulate .simulator .slider-input .spacer .span .spinner .splash-screen .stack .tagline .text .text-field .textarea .textbox-field .textbox-input .time-input .tint .tiptext .title .top-appbar .top-center .top-left .top-panel .top-right .turnstile .twitter .upload-csv .upload-file .upload-file-input .upload-image .upload-json .user-login .validate-email .value .video .video-banner .video-button .wait .when-load-complete .youtube .youtube-video +attachable +decorate +paste-image +paste-image +tint +when-close +when-load-complete account-ctx account-login account-logout account-signup action add add-days add-line add-row add-text add-weeks admin-login ai-auth ai-context ai-model ai-provider allow-dynamic-actions and app app-authorization app-colors app-context app-context-server app-data app-expires-on app-font app-golive-on app-host app-image app-mode app-name app-password app-private app-public app-sound appdev average background-image bluesky break browser-version build-app calculate capitalize character clear-acknowledgement clear-announcement clear-client clear-icons clear-image clear-images clear-inbox clear-profile close-menu color compile conditional confetti console-error console-info console-log console-var contains continue core-kv-get core-kv-put core-run corner-banner create-key create-table csv day-names days-between days-until decode-secret decrement decrypt default default-style delay delete delete-all-videos delete-app-data delete-app-image delete-appgroup delete-column delete-inbox-message delete-key delete-public-app-data delete-public-user-data delete-row delete-saved delete-user-data dir-action dir-actions dir-app dir-blocks dir-boot dir-build dir-clear dir-clear-inbox dir-compile dir-compiler dir-current dir-delay dir-delete-appgroup dir-delete-image dir-dev dir-edit dir-edit-block dir-files dir-help dir-hide dir-images dir-inbox dir-list-apps dir-list-groups dir-load dir-login dir-login-if-needed dir-logout dir-mock-date dir-new dir-new-appgroup dir-new-image dir-publish dir-regen-keys dir-secrets dir-send-inbox-message dir-set dir-sets dir-shell dir-show dir-source dir-source-default dir-status dir-users dir-who distance-between divide down-key dynamic-action dynamic-color-theme editor-login editor-onkey enable-shell-shortcut encrypt endconditional english ensure-email enter-date enter-email enter-family-name enter-fullname enter-given-name enter-helptext enter-key enter-number enter-password enter-phone enter-text enter-time equals error-line escape-key exit-module facebook fadein fadeout fake fake-date fake-table fake-time fill-column filter-group first-row font foreach forget fullscreen-error generate-app-key get-ip-location get-item-number get-location get-public-key get-recipe get-row github goto groq-ai-chat groq-models have hide host-call http-delete http-get http-post http-put icon if if-fail if-is-closed if-is-open if-success image increment init-all init-animation init-auth init-chat init-client init-compiler init-help init-images instagram is-appgroup-available is-date is-greater-than is-group is-item is-less-than is-number is-time is-valid-email is-valid-phone key last-row launch-module left-key length-of linkedin list-actions list-actionsets list-app-data list-app-images list-appgroups list-apps list-areas list-color-palettes list-colors list-compilers list-dynamic-actions list-fonts list-icons list-images list-inbox list-public-app-data list-public-user-data list-recipes list-saved list-secrets list-user-data list-videos load load-app load-app-data load-audio load-binary-file load-compiler load-json-file load-public-app-data load-public-user-data load-saved load-source load-text-file load-user-data logic loop lowercase manager-login max missing modulo month-names multiply my-approups new-app new-appgroup new-profile noop not not-equals on-incoming-chat-message on-notification open-browser open-browser-window open-menu openai-chat pause-audio person pick-random play-audio print print-error print-header profile protect-with-password proxy publish-bin publish-html publish-private random-between random-dice-roll random-digits random-row random-text random-uuid register-actionset reload remember remove-secret render-recipe repeat resend-send-email reset-client resize-image restore-profile resume return right-key round round-down round-up run save save-app-data save-app-image save-public-app-data save-public-user-data save-source save-user-data say schedule secret send-email send-notification send-to-inbox server-run set set-active-schedule set-ai-service set-animation set-announcement set-app-bin set-app-source set-app-title set-brand-color set-build-mode set-css-variable set-debug-ui set-default set-default-font set-dev-mode set-email-bcc set-email-body set-email-cc set-email-from set-email-service set-email-subject set-email-to set-groq-api-key set-http-body set-http-header set-http-timeout set-iconset set-image set-language set-message-body set-message-from set-message-subject set-mock-mode set-private-key set-public-key set-resend-api-key set-secret set-sound set-start-block set-target-ag set-target-aid set-video set-voice set-voice-language shield show slide-down slide-left slide-right slide-up slot sort-column sort-group sort-table source-block-list source-delete-block source-get-block source-join-blocks source-split-blocks source-update-block space-between-lines space-key spanish split-text stack stop-audio store-profile style su-account su-accounts su-platform subscribe subtract sync-time-to-server test test-owner-auth test-server timer-start timer-stop toggle-menu top-left twitter typed-getters-example unpack-row unshield unsubscribe up-key upload-app-image uppercase use use-modules user user-data user-login vardump varref varset vibrate wait waitfor when youtube
action sets understanding action sets acknowledgement actions AI announcements appgroup audio auth avatars background barcodes blog browser buttons calendar chat client clipboard color column compiler components config core CSS data datetime debug decorator directive divider editor editors effects email enter error events examples exec feedback fields file flow fonts footers form goto groq group headers help HTML HTTP icons if images inbox init input inputs interaction keys language layout lists localstorage location log logic logicfn loops math media menus messaging mock modifier modules navigation network notifications numbers openai overlays paragraph platform print profile progress publish random recipes resend resources rhyme row rows screens search secrets security selects server services shell shield sim social sounds source specialfx speech stacks styling system table test testing text upload users utilities utils validate validation variables video view voice
advanced /shell Variable Types Mock Values environment
Tools /shell Rhyme Editor /shell Playground
Tutorials Your App's Inbox
Resources
Rhappsody Platform Community Discord Server

© 2025 Rhappsody