Browse Source

fix audio duration in chrome 58

Michael Wang 6 years ago
parent
commit
52dedead44

+ 1 - 2
src/features/OnlineExam/Examing/ExamingEnd.vue

@@ -151,10 +151,9 @@ export default {
 } */
 </style>
 
-
 <style>
 #exam-end img {
   max-width: 100%;
   height: auto !important;
 }
-</style>
+</style>

+ 3 - 3
src/features/OnlineExam/Examing/QuestionBody.vue

@@ -3,7 +3,7 @@
     <div v-html="questionDetail.text"></div>
     <!-- <div v-html="questionDetail.audio"></div> -->
     <div v-for="(ad, index) in questionDetail.audio" :key="ad" class="audio-div">
-      <audio controls controlsList='nodownload' :src="ad" @play="($event) => played(index, $event)"></audio>
+      <audio controls preload="auto" controlsList='nodownload' :src="ad" @play="($event) => played(index, $event)"></audio>
       <span>(剩余播放次数:{{examQuestion.limitedPlayTimes -
         audioPlayTimes[index]}})</span><br />
     </div>
@@ -158,9 +158,9 @@ export default {
   display: flex;
   align-items: center;
 }
-.question-body audio {
+/* .question-body audio {
   width: 180px;
-}
+} */
 .question-body audio::-webkit-media-controls-timeline,
 .question-body audio::-webkit-media-controls-timeline-container {
   display: none;

+ 3 - 4
src/features/OnlineExam/OnlineExamOverview.vue

@@ -56,9 +56,9 @@ export default {
     this.intervalId = setInterval(() => {
       this.remainTime -= 1;
       this.isForceRead = TOTAL_READ_TIME - this.remainTime < FORCE_READ_TIME;
-      // if (this.remainTime === 0) {
-      //   this.goToPaper();
-      // }
+      if (this.remainTime === 0) {
+        this.goToPaper();
+      }
     }, 1000);
 
     const exam = await this.$http.get(
@@ -167,4 +167,3 @@ export default {
   height: auto !important;
 }
 </style>
-