Spf.io is an AI-powered translation and accessibility platform that allows you to make events accessible and multilingual with live captions & translations. You can now integrate spf.io with your Rock Mobile app, making captioning and translating your worship services and events easier.

Here’s how you can integrate spf.io with your Rock Mobile app:

If you haven’t set up your Rock Mobile app, refer to this guide: Building Your First App | Rock Mobile Docs (rockrms.com).

Create a new layout for your spf.io embed. Go to Mobile Application > Layouts, and add a new layout.

For the "Phone Layout XAML" and "Tablet Layout XAML", use the following content:

<?xml version="1.0" encoding="utf-8" ?>

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"

             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

             xmlns:Rock="clr-namespace:Rock.Mobile.Cms;assembly=Rock.Mobile"

             xmlns:Common="clr-namespace:Rock.Mobile.Common;assembly=Rock.Mobile.Common">

            <Rock:Zone ZoneName="Main" />

</ContentPage>

Add a new Content block to one of your pages for testing (if this is unclear, follow the Rock Mobile documentation linked in step 1).

Use the following content:

<Grid>

    <WebView Source="https://..." />

</Grid>

Update the WebView source to match your spf.io session URL. Refer to this guide on how to get your session URL or the URL’s /z shortcut.

Deploy and test your app using the Rock Mobile Core app available in the app store.

Open your app and click the spf.io tab to access the audience view. 

Select your language from the language picker.

Test the captioner and see if the captions appear in your app.

What can you do in spf.io’s audience view?

Refer to these resources on how to set up your session and use the features available in the audience view:

How to create your session

How to enable text-to-speech in your session

How to set up audio live streaming

How to share quotes from the transcription/translation on your social media