Play audio file on click of UI component

RE: Play audio file on click of UI component

Abhay Dalsaniya — Thu, 23 Mar 2023 04:49:57 GMT

a!videoField() and a!documentViewerField() both works file.

I just figured out the URL to doc could be as following.

https://<yourappiancloudurl>/suite/doc/<docId>

RE: Play audio file on click of UI component

Abhay Dalsaniya — Thu, 23 Mar 2023 04:13:56 GMT

How do you get the absolute URL to Appian KC document?

RE: Play audio file on click of UI component

abhishek_jain — Tue, 21 Mar 2023 10:08:40 GMT

The above discussed codes are not working in my environment.

But, this approach is working:-

{
a!documentViewerField(
label: "Document Viewer",
labelPosition: "ABOVE",

/*constant for mp3 document which is uploaded in a Folder*/
document: cons!QY_CONS___MP3DOC,
height: "SHORT"
)
}

RE: Play audio file on click of UI component

rajeshr501 — Tue, 25 Sep 2018 19:03:14 GMT

Hi Dastagiri,
i will try this and let you know.
Thanks
Raj

RE: Play audio file on click of UI component

Mike Schmitt — Tue, 25 Sep 2018 18:23:50 GMT

I can verify this approach works.

RE: Play audio file on click of UI component

Dastagiri Dudekula — Tue, 25 Sep 2018 15:42:53 GMT

rajeshr501

Please find the code. This works for sure.

Upload the audio (In appian its document).

Get the audio file id (document id)

Pass the document id to be played.

Configuration is as follows.

a!videoField(
label: "Video Example",
videos: {
a!webVideo(
source: "xxxx.appiancloud.com/.../45977"
)
},
showwhen: true
)

RE: Play audio file on click of UI component

rajeshr501 — Mon, 24 Sep 2018 12:37:32 GMT

Hi Dastagiri,
Thanks for the response . Here my requirement is to allow the user to upload the audio to KC and play it on click of button after upload.These are private files which must be visible only for the up-loader.
Thanks
Raj

RE: Play audio file on click of UI component

Dastagiri Dudekula — Mon, 24 Sep 2018 05:37:50 GMT

a!sectionLayout(
label: "Pre-Recorded",
contents: {
a!columnsLayout(columns: {
a!columnLayout(contents: a!webContentField(
label: "Playback",
browser:"CHROME",
source: "www.sample-videos.com/.../crowd-cheering.mp3",
height: "SHORT"
))
})

}
)

In web component only external links are possible. You have to create service to get the url of the audio then append it in the source location.