feat: Enable end-to-end encryption for WebRTC streams.

[fancycode]

🖌️ UI Checklist

🚧 Tasks

• Gracefully handle cases where environment doesn't support e2ee.

🏁 Checklist

• 🌏 Tested with different browsers / clients:
  • Chromium (Chrome / Edge / Opera / Brave)
  • Firefox
  • Safari
  • Talk Desktop
  • Not risky to browser differences / client
• 🖌️ Design was reviewed, approved or inspired by the design team
• ⛑️ Tests are included or not possible
• 📗 User documentation in https://github.com/nextcloud/documentation/tree/master/user_manual/talk has been updated or is not required

---

🛠️ API Checklist

🚧 Tasks

• ...

🏁 Checklist

• ⛑️ Tests (unit and/or integration) are included or not possible
• 📘 API documentation in docs/ has been updated or is not required
• 🔖 Capability is added or not needed

[ShGKme]

wasmFile is already a link to the file. Why is link generation needed here?

[fancycode]

It was needed to get the correct URL for the case where the Talk app is not below apps but custom_apps. The import returned something like /apps/spreed/js/olm.wasm?v=aab9861f32e2f862a9ba which then resulted in a 404 error. Generating the path manually fixed it for me.

[ShGKme]

The current solution doesn't work with Talk Desktop and it will break if bundling config slightly change (there is no guarantee that the file will be in the js folder root with the same filename)

[fancycode]

Something similar was done here:

spreed/src/stores/sounds.js

Line 79 in 1d0ce77

const filePath = generateFilePath('spreed', 'img', fileName + fileExtension)

I figured it would be ok to load the wasm similarly, but happy to do it differently if you give me a hint how ;-)

[ShGKme]

With image generateFilePath generates a path to public file spreed/img.

So it transforms spreed/img/{filename} to {path}/spreed/img/{filename} which is always valid for server and covered by Talk Desktop.

But generateFilePath('spreed', 'js', wasmFile) generates a path to spreed/js/{generatedFilename} for a generated path after import.

So it transforms some generated by bundler URL from spreed/node_modules/ @matrix-org/olm/olm.wasm to {path}/spreed/js/{generatedFilename}.

It only works if this .wasm files are bundler to /js root with the same filename.

[ShGKme]

This should also work without breaking Talk Desktop (but also relies on assets bundling config).

		locateFile: () => {
			return wasmFile.split('/').pop()
		},

[fancycode]

		locateFile: () => {
			return wasmFile.split('/').pop()
		},

This tries to load the file from "https://myserver/call/olm.wasm?v=aab9861f32e2f862a9ba" (which doesn't work).

[nickvergessen]

Had a rough look and it works (and doesnt with a not reloaded tab/desktop client), so merging for now to be able to test this.