简体繁体 English

有什么方法可以在 safari webview（离子）中录制 hls live ZF7B44CFFAFD5C52223D5498196C8A2E7BZ 视频吗？

[英]Is there any way to record an hls live stream video in safari webview (ionic)?

原文 2021-01-09 01:06:24 5 2 html/ ios/ ionic-framework/ video/ record

I'm creating a streaming app with ionic.我正在使用 ionic 创建一个流媒体应用程序。 Is there a way to record a video being played on an iOS system?有没有办法录制正在 iOS 系统上播放的视频？ I need to have a REC button working.我需要一个 REC 按钮工作。 I have already searched libs and API but I didn't found any, except for experimental WebRTC support.我已经搜索了库和 API 但除了实验性的 WebRTC 支持外，我没有找到任何内容。 I don't want to ask my clients to turn on experimental features just to get the app working.我不想让我的客户打开实验性功能只是为了让应用程序正常工作。 Thank you.谢谢你。 Currently works on Android with MediaRecorder API.目前使用 MediaRecorder API 在 Android 上工作。

Cordova-replay is problem on iOS 14, because it uses a deprecated API Cordova-replay 在 iOS 14 上存在问题，因为它使用了已弃用的 API

2 个解决方案

IOS has an application for screen recording. IOS 有一个屏幕录制应用程序。 Just record and then edit the video to remove the edges.只需录制然后编辑视频以去除边缘。

Record screen:录制画面：

Android: ionic-screen-recorder . Android：离子屏幕录像机。
IOS: cordova-replay . IOS：科尔多瓦重播。

Use these two Cordova plugins and you can record the screen.使用这两个Cordova插件，就可以录屏了。

If anyone is going through the same problem, use back-end for processing timestamps and solutions to record your hls stream or.mp4 stream and then send it back correctly to ionic app.如果有人遇到同样的问题，请使用后端处理时间戳和解决方案来记录您的 hls stream 或.mp4 stream，然后将其正确发送回 ionic 应用程序。 I haven't found any solution in-app only.我还没有在应用程序中找到任何解决方案。 Here a lib that could help.这是一个可以提供帮助的库。

https://github.com/IcaroAugusto/node-hls-downloader#readme https://github.com/IcaroAugusto/node-hls-downloader#readme