【问题标题】:Vimeo Videos in React NativeReact Native 中的 Vimeo 视频
【发布时间】:2017-11-14 14:45:58
【问题描述】:

我正在开发一个 TV-Shows React-Native 应用程序,并且我在 Vimeo 中托管我的视频,所以我只能获得 我的视频的 Vimeo 网址。 我正在使用 react-native-video 作为 视频播放器,但 它不显示这些链接的视频在另一方面,我尝试使用 VJS URL,它可以工作。

如有任何想法,我将不胜感激。

【问题讨论】:

    标签: react-native video-streaming vimeo react-native-android vimeo-api


    【解决方案1】:

    我会假设一些事情,如果我有任何错误,请告诉我。

    如果您尝试在原生视频播放器上播放视频,则需要使用直接视频播放器链接。当您点击Video's settings -> Video File时,可以通过vimeo界面找到这些链接

    1. 高清 1080p (mp4, 1920x1080)
    2. 高清 (mp4, 1280x720)
    3. 标准分辨率(mp4,960x540)
    4. 标准分辨率(mp4,640x360)
    5. HTTP 实时流式传输(了解更多)

    当您使用此 API 获取有关特定视频的信息时,JSON 响应中也会提供这些链接:

    GET https://api.vimeo.com/videos/{video_id}
    

    它们位于响应中的“文件”下。

    {
        //More data here
        "files": [
                {
                    "quality": "hd",
                    "type": "video/mp4",
                    "width": 1920,
                    "height": 1080,
                    "link": "",
                    "created_time": "",
                    "fps": 50,
                    "size": 0,
                    "md5": "",
                    "link_secure": ""
                },
                {
                    "quality": "hd",
                    "type": "video/mp4",
                    "width": 1920,
                    "height": 1080,
                    "link": ",
                    "created_time": "",
                    "fps": 25,
                    "size": 0,
                    "md5": "",
                    ""
                },
                {
                    "quality": "sd",
                    "type": "video/mp4",
                    "width": 960,
                    "height": 540,
                    "link": "",
                    "created_time": "",
                    "fps": 25,
                    "size": 0,
                    "md5": "",
                    "link_secure": ""
                },
                {
                    "quality": "sd",
                    "type": "video/mp4",
                    "width": 640,
                    "height": 360,
                    "link": "",
                    "created_time": "",
                    "fps": 25,
                    "size": 0,
                    "md5": "",
                    "link_secure": ""
                },
                {
                    "quality": "hd",
                    "type": "video/mp4",
                    "width": 1280,
                    "height": 720,
                    "link": "",
                    "created_time": "",
                    "fps": 50,
                    "size": 0,
                    "md5": "",
                    "link_secure": ""
                },
                {
                    "quality": "hls",
                    "type": "video/mp4",
                    "link": "",
                    "created_time": "",
                    "fps": 50,
                    "size": 0,
                    "md5": "",
                    "link_secure": ""
                }
            ]
       //More data here
      }
    

    我建议使用 HLS 链接,因为它会根据用户的互联网速度自动调整视频质量。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2018-08-28
      • 2017-03-20
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-01-16
      • 2017-11-17
      相关资源
      最近更新 更多