Firebase存储中存储的m3u8文件无法在网络播放器上播放

问题描述

我已将m3u8文件存储在Firebase云存储中,这是m3u8文件的URL

[https://firebasestorage.googleapis.com/v0/b/testing-musicoi.appspot.com/o/MediaContent%2F240p%2F240_out.m3u8?alt=media&token=0f81947b-1df0-4333-ae67-bdf21b4c49cc]

当我在计算机上使用VLC Player时,此URL可以完美工作,但是当我尝试与类似HLS media player的Web播放器进行相同链接时,该URL将无法工作。而且,我想知道这个m3u8网址不能与Android Exoplayer一起使用吗?

解决方法

网络播放器依赖于Cross-Origin Resource Sharing,它允许一个域中的脚本访问另一域中的数据。这将失败,因为您的原始域不允许其他域的访问。

您需要配置Access-Control-Allow-Origin标头以允许bitmovin.com(和其他域)访问文件。

编辑您的firebase.json并添加或更改hosting部分:

"hosting": {
  "headers": [ {
    "source": "**/*.*","headers": [ {
      "key": "Access-Control-Allow-Origin","value": "*"
    } ]
  } ]
}

请参见Firebase documentation

,

我发现了一个类似的question,可能与您感兴趣:

首先在您的xml文件中创建一个exoplayer

<com.google.android.exoplayer2.ui.PlayerView
        android:id="@+id/video_view"
        android:layout_width="match_parent"
        android:layout_height="0sp"
        android:layout_marginStart="20dp"
        android:layout_marginTop="20dp"
        android:layout_marginEnd="20dp"
        android:visibility="gone"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.0" />

“我已将高度设置为0,因为稍后我将以编程方式固定该高度,然后在您的活动中将简单的SimpleExoPlayer声明为播放器。”

 SimpleExoPlayer player;

“然后按照以下步骤操作”

//declare your PlayerView 

final PlayerView playerView = mview.findViewById(R.id.video_view);

//your database ref

        final StorageReference storageReference =
                FirebaseStorage.getInstance().getReference("/Post_Video/"+ video + ".mp4");


 player = ExoPlayerFactory.newSimpleInstance(MainActivity.this);
        playerView.setPlayer(player);

        playerView.setVisibility(View.VISIBLE);

        playerView.getLayoutParams().height=550;
        playerView.getLayoutParams().width=950;

        storageReference.getDownloadUrl().addOnSuccessListener(new OnSuccessListener<Uri>() {
            @Override
            public void onSuccess(Uri uri) {


                BandwidthMeter bandwidthMeter = new DefaultBandwidthMeter.Builder(MainActivity.this).build();
                TrackSelector trackSelector = new DefaultTrackSelector(new AdaptiveTrackSelection.Factory(bandwidthMeter));
                ExoPlayer exoPlayer = (SimpleExoPlayer) ExoPlayerFactory.newSimpleInstance(MainActivity.this);
                Uri video = Uri.parse(uri.toString());
                DefaultHttpDataSourceFactory dataSourceFactory = new DefaultHttpDataSourceFactory("video");
                ExtractorsFactory extractorsFactory = new DefaultExtractorsFactory();
                MediaSource mediaSource = new ExtractorMediaSource(video,dataSourceFactory,extractorsFactory,null,null);
                playerView.setPlayer(exoPlayer);
                exoPlayer.prepare(mediaSource);
                exoPlayer.setPlayWhenReady(false);

            }
        });