音声のBlobデータを遷移先のページで再生させたい

以前、blobのデータをajaxで送信する方法をこちらのサイトで質問し、解決した者です。
https://teratail.com/questions/375675

無事、formDataでpost送信し、DB にblobデータを保存することができました。
このDBに保存したblobデータを別ページで「URL.createObjectURL()」メソッドを使い、再生させようとしたのですが、再生ができません。

formDataでBlobを含む複数の値をajaxでpost送信する
↓
コントローラ側で値を取得、保存し別ページにリダイレクトする
↓
別ページのviewで「URL.createObjectURL()」メソッドを使いURLを発行している

以上の手順で、URLの発行はできているのですが、再生がされないです。
URL.createObjectURL()で発行されたURLはそのページでしか使えないので、今回はblobデータを引き渡し、遷移先でURLを発行するという方法を取ったのですが、なぜ再生がされないのか分からず質問させていただきました。

mediaRecorder.ondataavailable = function (event) {
  var fd = new FormData
  fd.append("voice", event.data);
  fd.append("fast_talking_score", fast_talking_score)
  fd.append("word_count",word_count)
  fd.append("talking_time", talking_time)
  
  $.ajax({
    type: 'POST', 
    url: '/games', 
    data: fd,
    dataType: 'json',
    processData: false,
    contentType: false
    }).done(function(result){
    if (result.redirect) {
      window.location.href = result.redirect;
    }
  }) 
}

games.controller

def create
    #formDataで送られてきた値を取得し、saveできたら別ページに遷移する
    @game=Game.new(
      fast_talking_score:params[:fast_talking_score],
      talking_time:params[:talking_time],
      word_count:params[:word_count],
      voice:params[:voice]
    )
    if @game.save
      respond_to do |format|
        format.json { render json: { redirect: result_game_url(@game) } }
      end
    end
  end

  def result
  #gonというrubyのgemを使い、変数をjavaスクリプトでも使えるようにしている
    @game= Game.find(params[:id])
    gon.voice = @game.voice
  end

#デバッグしたところ、値は全て渡っています
     4:   def new
     5: 
     6:   end
     7: 
     8:   def create
 =>  9:     binding.irb
    10:     @game=Game.new(
    11:       fast_talking_score:params[:fast_talking_score],
    12:       talking_time:params[:talking_time],
    13:       word_count:params[:word_count],
    14:       voice:params[:voice]

irb(#<GamesController:0x00007faa60db4360>):001:0> params
=> <ActionController::Parameters {"voice"=>#<ActionDispatch::Http::UploadedFile:0x00007faa60dafc20 @tempfile=#
<Tempfile:/var/folders/mw/dptc2dr505n6r4rbpp15c6v00000gn/T/RackMultipart20211228-39518-
oe97oi>, @original_filename="blob", @content_type="audio/webm;codecs=opus", 
@headers="Content-Disposition: form-data; name=\"voice\"; filename=\"blob\"\r\nContent-
Type: audio/webm;codecs=opus\r\n">, "fast_talking_score"=>"2.529084471421345", 
"word_count"=>"5", "talking_time"=>"1.977", "controller"=>"games", "action"=>"create"} permitted: false>

result.html.erb
<body>
<audio id="audio" controls></audio>
</body>

<script>
console.log(gon.voice)
var binaryData = [];
binaryData.push(gon.voice);
#ここでURLを発行
var voice= window.URL.createObjectURL(new Blob(binaryData))
document.getElementById("audio").src= voice
</script>

デベロッパーツールで要素にURLが追加されてるか調べましたが、されております
<audio id="audio" controls="" src="blob:http://localhost:3000/89b30848-dd10-4924-83ee-9de7cd2bdf20"></audio>