Configure NativeVideo with ImprovedApps

Configure NativeVideo with ImprovedApps

Manual Steps

Create the following VisualForce pages:

  • NVIA_Player

    <apex:page showHeader="true" sidebar="true" >
    <apex:slds />
    <apex:includeLightning />
    <div id="videoPlayerCnt"></div>
    <script type="text/javascript">
    $Lightning.use("c:NVIA_PlayerApp", function() {
    $Lightning.createComponent("nativevideo:VideoList",
    {
    "queryRecordID": "{!$CurrentPage.parameters.queryRecordID}",
    "queryObject" : "iahelp__HelpTopic__c",
    "selectVideoField" : "Video__c",
    "videoMaxHeight" : "720",
    "enableBoltList" : "true",
    "hideHeader" : "true",
    "hideFooter" : "true",
    "videoHeight" : "auto"
    },
    "videoPlayerCnt", function(cmp) {});
    });
    </script>
    </apex:page>
  • NVIA_Recorder

    <apex:pageshowHeader="false"sidebar="false">
    <apex:slds/>
    <apex:includeLightning/>
    <divid="videoRecorderCnt"></div>
    <scripttype="text/javascript">
    $Lightning.use("c:NVIA_RecorderApp", function() {
    $Lightning.createComponent("nativevideo:VideoRecord",
    {
    "updateRecordID":"{!$CurrentPage.parameters.updateRecordID}",
    "updateObjectName" :"iahelp__HelpTopic__c",
    "updateField" :"Video__c",
    "videoMaxHeight" :"720",
    "enableBoltRecord" :"true",
    "allowVideoUpload" :"true",
    "screenRecordingAllowed" :"true",
    "videoVaultAllowed" :"true",
    "allowCameraRecording" :"true",
    "allowMultiStreams" :"true",
    "allowAudioRecording" :"true",
    },
    "videoRecorderCnt", function(cmp) {});
    });
    </script>
    </apex:page>

Create Lightning Apps:

  • NVIA_PlayerApp
<aura:application extends="ltng:outApp">
<aura:dependency resource="markup://nativevideo:VideoList" />
<aura:dependency resource="markup://force:*" type="EVENT"/>
</aura:application>
  • NVIA_RecorderApp
<aura:application extends="ltng:outApp">
<aura:dependency resource="markup://nativevideo:VideoRecord" />
<aura:dependency resource="markup://force:*" type="EVENT"/>
</aura:application>