<div id="archive_player" class="player">
</div>
<div class="archive_detail_desc">
  <div class="archive_detail_fl_nm item">
    <h2 class="ttl" id="archiveFileName">FileName</h2>
    <span>{{fileName}}</span>
  </div>
  <div class="archive_detail_sv_date item">
    <h2 class="ttl" id="archiveInsertDate">InsertDate</h2>
    <span>{{insertDate}}</span>
  </div>
  <div class="archive_detail_room_nm item">
    <h2 class="ttl" id="archiveRoomName">ChatRoomName</h2>
    <span class="archive_chat_room">{{chatRoomName}}</span>
    <button id="joinChatRoom">
      <img src="icon/icon_join_room.svg" alt="チャットルームへ">
    </button>
  </div>
  <div class="archive_detail_sv_user item">
    <h2 class="ttl" id="archiveSaveUser">SaveUser</h2>
    <div class="d-flex flex-row">
      <div class="d-flex flex-column">
        <img src="{{profileImage}}" alt="プロフィール画像" onclick="Namecard.makeNameCard({{userId}})">
        <p>{{userName}}</p>
      </div>
    </div>
  </div>
  <div class="archive_detail_user_list item">
    <h2 class="ttl" id="archiveAttendUser">AttendUser</h2>
    <ul class="d-flex flex-row" id="attendUser">
    </ul>
  </div>
</div>