Moodle for mobile

Thanks dani
i use [src]="'<% urlout %>'" and problem solved and i can play video file in offline mode. it seems my problem was use not correct syntax.

Another question if you can please advise me: if we want to make some content of video url (urlout) like decoding then play video but with this condition that decoded video is not saved in the device and only the encrypted file is saved in the device for offline mode what is best practice? i have some js code that can play my encoded video file from moodle server

return [
'templates' => [
[
'id' => 'main',
'html' => $OUTPUT->render_from_template('mod_myownmodule/mobile_view_page', $data),
],
],
'javascript' => "
var secret = 'XXXXXXXXXXXXXXXXXXXX';
var url = 'https://mydomain.com/lms/mod/myownmodule/files/3_64.dp';

async function decryptBuffer(base64Encrypted, keyString) {

const iv = base64Encrypted.slice(0, 16);
const encryptedText = base64Encrypted.slice(16);
const encodedKey = new TextEncoder().encode(keyString);
const hashBuffer = await crypto.subtle.digest('SHA-256', encodedKey);
const key = await crypto.subtle.importKey('raw', hashBuffer, { name: 'AES-CBC' }, false, ['decrypt']);
const decryptedBuffer = await crypto.subtle.decrypt({ name: 'AES-CBC', iv }, key, encryptedText);

return decryptedBuffer;
}
async function decryptText(base64Encrypted, keyString) {
const decryptedText = new TextDecoder().decode(decryptBuffer(base64Encrypted, keyString));

return decryptedText;
}
async function downloadAndDecrypt(url, keyString) {
try {
// alert(1);
const response = await fetch(url);
// alert(2);
if (!response.ok) throw new Error('Network response was not ok. ' + response.status);
// alert(3);
const encryptedText = await response.arrayBuffer(); // Directly wait for the text
// alert(4);

const decryptedBuffer = await decryptBuffer(encryptedText, keyString);
// alert(5);



const textContent = new TextDecoder().decode(decryptedBuffer)
const mainBufferContent = decryptedBuffer.slice(textContent.search(':') + 1)

const blob = new Blob([mainBufferContent], { type: 'video/mp4' });

const videoURL = URL.createObjectURL(blob);
// alert(videoURL);
const video = document.getElementById('myvideo')
video.src = videoURL

return decryptedBuffer
} catch (error) {
alert('Error:' + error);
}
}
downloadAndDecrypt(url, secret);


",
'otherdata' => '',
'files' => array(
(
$offlinefile

)
)
];

by above code i can play an encoded video from my server in the application, but i want it can play in offline mode too and i am confused how to do that. is it need create my own directive or can use :
https://moodledev.io/general/app/development/plugins-development-guide#js-functions-visible-in-the-templates
or what need to do?
thank you

simplified of my need:
how to access to read or write to local file in the android via JS that loaded from 'javascript' => .... in the moodle mobile app?