【问题标题】:play a livestream in ionic 4在 ionic 4 中播放直播
【发布时间】:2020-03-05 03:07:33
【问题描述】:

我愿意创建一个应用程序来监控监控摄像头,没什么花哨的,只是一个简单的安卓应用程序,它可以在主页上实时显示我的摄像头流量,当我点击它时它会全屏显示。 (我稍后将适应安卓电视的应用程序) 但我已经搜索了一种通过“视频”标记播放实时流的方法,但它似乎不起作用,我找不到任何适合我情况的教程:/

目前我的应用程序只是一个显示 mp4 的简单 html 文件,所以我没有太多代码可以展示给您

tldr:我正在寻找一种在 ionic 应用程序中播放直播视频的简单方法(如果可能,使用“视频”HTML 标记)

【问题讨论】:

    标签: html ionic-framework ionic4 http-live-streaming


    【解决方案1】:

    从一些初步研究来看,似乎有很多示例,但它们不适用于 Ionic 4(我正在搜索“离子流媒体示例”)。

    有一个ionic 4插件可以播放流媒体:

    https://ionicframework.com/docs/native/streaming-media/

    有这样的 ionic 3 教程:

    https://www.youtube.com/watch?v=AyS3uw7HZOM

    只要您知道如何构建 Ionic 4 应用程序,Ionic 3 教程应该能够很好地展示核心部分,以便您将它们适应 Ionic 4。

    如果没有,那么您可能应该先花一些时间学习 Ionic 4,但是有关于 Ionic 3 和 4 之间更改的文档(警告:组件名称和参数有大量更改,但基本思想是一样的)。

    从最初的研究来看,您可能无法满足第一个要求 - 在主页的缩略图中播放流。这将需要一些进一步的研究。

    根据我的经验,视频会全屏加载。我看过一些关于播放视频预览的教程,但我认为它们适用于本地文件,并且不确定尝试将多个视频流式传输到您的应用程序将如何工作。这将占用大量带宽。

    如果您可以从相机中获取缩略图快照,并且可以每分钟左右更新一次,那将更有意义。

    【讨论】:

    • 巧合。我目前正在开发一个带有直播的应用程序。这个插件适用于直播。它支持rtsp链接。
    • 嗨,哈利,谢谢您的详细回复! “幸运的是”我已经看过那些教程,但它们对我没有用......当源是 mp4 文件时它工作得很好,当我点击时缩略图可以工作并全屏,但是当我尝试使用 .m3u8 时,缩略图不要'不显示,当我点击它时,视频不显示:/我不明白,因为“常规” html 的每个教程都说 .m3u8 格式可以作为来源而且我正在寻找一个“监视中心”外观,所有同时运行的预览...
    • rstp 在插件中工作,但 html 无法识别它
    • 当我们讨论这个问题时,你能支持这个问题吗?我知道为什么,但它立即得到-1 :(
    猜你喜欢
    • 2018-09-09
    • 1970-01-01
    • 2012-01-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-02-12
    • 1970-01-01
    • 2018-02-12
    相关资源
    最近更新 更多